nextjs _app.tsx type error #2017

youngkyo0504 · 2022-04-18T07:07:24Z

youngkyo0504
Apr 18, 2022

import "../styles/globals.css";
import type { AppProps } from "next/app";
import { AnimatePresence } from "framer-motion";

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

export default MyApp;

this is error message..!

'Component' cannot be used as a JSX component.
  Its element type 'ReactElement<any, any> | Component<{}, any, any> | null' is not a valid JSX element.
    Type 'Component<{}, any, any>' is not assignable to type 'Element | ElementClass | null'.
      Type 'Component<{}, 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("/Users/geumgyoyeong/Desktop/antller/antller/node_modules/@mdx-js/react/node_modules/@types/react/index").ReactNode'.
            Type '{}' is not assignable to type 'ReactNode'.
              Type '{}' is missing the following properties from type 'ReactPortal': key, children, type, propsts(2786)

and this is my source code.

yarn dev works well. but yarn build throw Error... and stop build.