Binding element ‘name’ implicitly has an ‘any’ type. のエラー

7月 14, 2022next.js

動作環境

nextjs

エラーの出ているコード (ファイル名:_app.tsx)

import { SessionProvider } from 'next-auth/react';

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

export default MyApp;

解決したコード

import { SessionProvider } from 'next-auth/react';

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

export default MyApp;

型を明示的に指定すればエラーが発生しなくなります。

参考サイト

・https://awesome-linus.com/2019/11/19/typescript-curly-bracket-type-any-error/