Next.jsでTypeScriptを導入したが、_App.jsでエラーが出る

Question

Next.jsにTypeScriptを導入して型づけして言ってるのですが、
_App.jsの型付けでeslintに引っかかります。
一応公式ページだと下記のように設定すると書いてあるので、同様に型づけしたのですが、、
https://nextjs.org/learn/excel/typescript/nextjs-types

import { AppProps } from 'next/app'

export default function App({ Component, pageProps }: AppProps) {
  return <Component {...pageProps} />
}

原因は関数の戻り値に片づけしてないと怒られてるのはわかるのですが、
関数に:FCとか付けてみたのですが、うまく解消できません。
どう解消したらよろしいでしょうか？

5:16  warning  Missing return type on function  @typescript-eslint/explicit-module-boundary-types

Answer 1

functionで定義するのであれば、こうでしょうか。

import { AppProps } from 'next/app'
import React from 'react'

export default function App({ Component, pageProps }: AppProps): React.ReactElement {
  return <Component {...pageProps} />
}

constによる定義だと、例えばこう書けます。

import { AppProps } from 'next/app'
import React from 'react'

const default App: React.FC<AppProps> = ({ Component, pageProps }) => {
  return <Component {...pageProps} />
}
export default App;

※いずれも、手元のeslint上では問題なさそうでした