(NextAuth) 类型错误：类型“{}”上不存在属性“会话”

我在 NextJs 项目上使用 NextAuth 时收到错误"Type error: Property 'session' does not exist on type '{}'."。我正在添加session按照此处的建议将属性添加到我的 _app.tsx 中：

https://next-auth.js.org/getting-started/example https://next-auth.js.org/getting-started/example

我还将该属性添加到我的自定义中MyApp输入接口，但我仍然收到错误。按照我的代码：

import { NextComponentType } from "next";
import { Session } from "next-auth";

export interface CustomAppProps extends AppProps {
  Component: NextComponentType & { auth?: boolean; session?: Session };
}

function MyApp({ Component, pageProps: { session, ...pageProps } }: CustomAppProps) {
  //...
});

我该如何修复它？谢谢！

编辑#1（添加MyApp用我当前的代码）：

function MyApp({ Component, pageProps: { session, ...pageProps } }: CustomAppProps) {

  return (
    <>
      <CookieConsentProvider useCookieConsentHooksOptions={{ consentCookieAttributes: { expires: 360 } }}>
        <SessionProvider session={session}>
          <AppContextProvider>
            <Component {...pageProps} />
          </AppContextProvider>
        </SessionProvider>
      </CookieConsentProvider>
    </>
  );
}

Edit #2:

function MyApp({ Component, pageProps }: AppProps) {

  return (
    <>
      <CookieConsentProvider useCookieConsentHooksOptions={{ consentCookieAttributes: { expires: 360 } }}>
        <SessionProvider session={pageProps.session}>
          <AppContextProvider>
            <Component {...pageProps} />
          </AppContextProvider>
        </SessionProvider>
      </CookieConsentProvider>
    </>
  );
}

使用上面的代码我仍然收到 TS 错误：

在最新版本的next.js v12.3.0`中，https://github.com/vercel/next.js/releases#:~:text=比较-,v12.3.0,-最新 https://github.com/vercel/next.js/releases#:%7E:text=Compare-,v12.3.0,-Latest,

AppProps 接口采用 pageProps 的通用属性，如该合并 PR 的详细信息所示（https://github.com/vercel/next.js/pull/38867 https://github.com/vercel/next.js/pull/38867)

我遇到了同样的问题，并通过将会话类型传递给 AppProps 泛型来解决它。

注意：在这种情况下，无需为类型声明定义新的自定义文件。

import { Session } from "next-auth";
import { SessionProvider } from "next-auth/react";
import type { AppProps } from "next/app";

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

export default MyApp;