JavaScriptからTypeScriptへの変換時にバインド要素でエラーが出る

Question

以下の2つのエラーメッセージが解決できず、変換作業ができずにいます、、、

エラー内容
バインド要素 'Component' には暗黙的に 'any' 型が含まれます。
バインド要素 'pageProps' には暗黙的に 'any' 型が含まれます。

import 'src/styles/globals.css';

function MyApp({ Component, pageProps }) {
  return (
    <div>
      <Component {...pageProps} />
    </div>
  );
}
export default MyApp;

Answer 1

引数に型を指定してください。

// 適切な型を割り振る
type Prop = {
  Component: ***,
  pageProps: ***
}

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