React Routerの使用方法について

発生している2つのエラーについて

• 1つ目

ERROR in ./src/App.js 8:0-50
Module not found: Error: Cannot find file: 'ShopPage.jsx' does not match the corresponding name on disk: '.\src\components\Shop\Shoppage.jsx'.

Module not found: Error: Cannot find file:と言われているので、ファイルがないということですね。

1枚目の画像からわかることとして、
ディレクトリ構造を見ると、components/Shop/Shoppage.jsxというファイル名ですが、コード内では、components/Shop/ShopPage.jsx（pageのpが大文字・小文字で違いがある）となっています。

• 2つ目

ERROR in ./src/App.js 6:0-64
Module not found: Error: Can't resolve 'react-router-dom' in 'C:\Users\Desktop\プログラミング\開発編(React)\ecsite\src'

Module not found: Error: Can't resolveとなっているので、、、
react-router-domがpackage.jsonにあるのか気になりました。

npx create-react-app XXXでアプリケーションを作成した場合、react-router-domは初期状態では用意されていないので、自分でインストールする必要があります。（インストール済みでしたら、すいません）
package.jsonの情報を共有いただけますか？

以下は質問とは直接関係ない内容です。
（絶対こうしてください、ではないですが、一定数の支持は得られる内容ではないかな～と思ってます）

画像の方がわかりやすいケースもありますが、画像の場合は、1枚1枚クリックして確認となるので、回答者によっては、確認しづらい場合があります。
1枚目の画像のフォルダ構造については、画像の方が見やすいと思います。
それ以外のコードは、以下の点からコードスニペットを活用した方が、いいと思いました。

• マウスのスクロールだけで確認できる
• コピペしたい場合も楽

回答する方々に、より配慮された質問内容とするためのアドバイスでした。