(Next.js)コンポーネントをインポートするとエラーになる

Next.jsとTypescriptで簡単なアプリを作っています。
vsコードでトップページにコンポーネントをインポートすると、下記の画像の通り、コンポーネントをインポートする文の下に波線がついており、ブラウザにはエラーメッセージが出ています。

トップページのコード

ブラウザ

パスのスペルミスはありません。ダイナミックインポートを試しましたが駄目でした。
対処法を教えていただけますと幸いです。