javascript - 要素タイプが無効です。文字列が必要ですが、未定義が見つかりました

Question

next-authこれは、更新直後に発生しました。突然、次のエラーがスローされます。

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Check the render method of `MyApp`.

だから私は MyApp ファイルをチェックしましたが、少なくとも私が見たものは何もありません。

_app.tsx (next.js 内の _app ファイル)

import React from "react";
import { start, done } from "nprogress";
import "nprogress/nprogress.css";
import router from "next/router";
import "./styles/patch.css";
import { Provider } from "next-auth/client";
import { ApolloProvider } from "@apollo/client";
import { useApollo } from "../apollo/apolloClient";

router.events.on("routeChangeStart", () => start());
router.events.on("routeChangeComplete", () => done());
router.events.on("routeChangeError", () => done());

const MyApp = ({ Component, pageProps }) => {
  const apolloClient = useApollo(pageProps.initialApolloState);
  React.useEffect(() => {
    // Remove the server-side injected CSS.
    const jssStyles = document.querySelector("#jss-server-side");
    if (jssStyles) {
      jssStyles.parentElement.removeChild(jssStyles);
    }
  }, []);

  return (
    <ApolloProvider client={apolloClient}>
      <Provider session={pageProps.session}>
        <Component {...pageProps} />
      </Provider>
    </ApolloProvider>
  );
};

export default MyApp;

このエラーの原因となった可能性のあるものを見逃しましたか?

編集：

どうやら、webpack 4 を使用したときは問題なかったようです。

編集2：

nextバージョンに更新したところ10.2、問題なく動作しました。性急だったのかもしれませんので、そもそも問題はなかったと思います。それ以外は、ここに入れられた回答に感謝します。