'Component' cannot be used as a JSX component.

import { type AppType } from "next/dist/shared/lib/utils";
import "~/styles/globals.css";

const MyApp: AppType = ({ Component, pageProps }) => {
  return <Component {...pageProps} />;
};

export default MyApp;

import { type AppType } from "next/dist/shared/lib/utils";
import "~/styles/globals.css";

const MyApp: AppType = ({ Component, pageProps }) => {
  return <Component {...pageProps} />;
};

export default MyApp;

import { type AppType } from "next/dist/shared/lib/utils";
import "~/styles/globals.css";

const MyApp: AppType = ({ Component, pageProps }) => {
  return <Component {...pageProps} />;
};

export default MyApp;

import { type AppType } from "next/dist/shared/lib/utils";
import "~/styles/globals.css";

const MyApp: AppType = ({ Component, pageProps }) => {
  return <Component {...pageProps} />;
};

export default MyApp;

I saw someone else had this issue, but their solution (Updating to Next.js 13.2.4) didn't seem to work for me, and as far as I can tell everything is up to date on my end.
Getting this error:

�

𝛈𝞂𝗿𝞈𝒆𝒈𝖏𝝰𝛈 𝐜0𝟃3𝗿•5/28/23, 3:42 AM

Can you share more details and code? And what is the name of the file you are doing this in?

�𝛈𝞂𝗿𝞈𝒆𝒈𝖏𝝰𝛈 𝐜0𝟃3𝗿 Can you share more details and code? And what is the name of the file you are do...

General MudkippOP•5/28/23, 8:51 AM

_app.tsx

General MudkippOP•5/28/23, 8:52 AM

I don't think it's anything that I did, as I created a completely new project using the same configuration and I'm running into the same problem.

General MudkippOP•5/28/23, 8:59 AM

I assume there's some dependency that's on the wrong version but I have no clue how to check, is there anything I can do?

General MudkippOP•5/28/23, 10:44 AM

What's even stranger is that Vercel seems to be able to build it, but running

npm run build

npm run build

on my terminal fails

Chizi Victor•5/28/23, 10:49 AM

I think your AppType is wrong

Chizi Victor•5/28/23, 10:52 AM

import type { AppProps } from 'next/app';
import "~/styles/globals.css";

function MyApp({ Component, pageProps }: AppProps) {
  return <Component {...pageProps} />;
}

export default MyApp;

import type { AppProps } from 'next/app';
import "~/styles/globals.css";

function MyApp({ Component, pageProps }: AppProps) {
  return <Component {...pageProps} />;
}

export default MyApp;

Chizi Victor•5/28/23, 10:52 AM

Could you give this a try…

CChizi Victor I think your AppType is wrong

General MudkippOP•5/28/23, 11:51 AM

I was able to solve the issue by downgrading to Next.js 13.2.4
Thanks for the advice though :)