Hi. I'm getting this error on my ./pages/_app.tsx file from <Component />

What could be wrong?

import type { AppProps } from "next/app";
interface PageProps {
  user?: AuthUser;
}

const App = ({ Component, pageProps }: AppProps<PageProps>) => {
  return <Component {...pageProps} />
}

TS2786: 'Component' cannot be used as a JSX component.   Its element type 'Component<any, any, any> | ReactElement<any, any> | null' is not a valid JSX element.     Type 'Component<any, any, any>' is not assignable to type 'Element | ElementClass | null'.       Type 'Component<any, any, any>' is not assignable to type 'ElementClass'.         The types returned by 'render()' are incompatible between these types.           Type 'React.ReactNode' is not assignable to type 'import("C:/Users/User/PhpstormProjects/project/web/node_modules/@types/react/ts5.0/index").ReactNode'.             Type 'ReactElement<any, string | JSXElementConstructor<any>>' is not assignable to type 'ReactNode'.               Property 'children' is missing in type 'ReactElement<any, string | JSXElementConstructor<any>>' but required in type 'ReactPortal'.  index.d.ts(160, 9): 'children' is declared here.