⬆️: Upgrade to React 18

[sinho-lee]

✅ What's done

Reactバージョンアップ対応

• Reactのバージョンアップ v17.0.3 → v18.2.0 (対応Commit: 517b1de)
• react-domのバージョンアップ v17.0.3 → v18.2.0 (対応Commit: ec4df26)
• react-router-domのバージョンアップ v5.2.0 → v5.3.4 (対応Commit: f56df81)
  • v5.3.4に上げた理由はv5.3.3からはReact v18との互換性の問題を解決したので、v5.3系の最新バージョンにしました。詳細についてはOtherのreact-router-domのURL先に記載されています。
• Reactのバージョンアップによるソースコード修正 (対応Commit: 7144e7f)
• react-router-domのバージョンアップによるソースコード修正 (対応Commit: 7144e7f)
• チャット送信時、送信済みの内容が2回表示される現象を解消 (対応Commit: f9f83b9)
• QRCodeが2個表示される現象を解消 (対応Commit: 0506f12)
• GENERATE_SOURCEMAPの設定を追加 (対応Commit: 565ebf3)

ライブラリのバージョンアップ対応

• TypeScriptのバージョンアップ v4.2.3 → v4.9.5 (対応Commit: 1f3f762)
  • react-scriptsがTypeScriptのv5系をサポートしていないため、v4系の最新版に上げました。
    • 参考：react-scriptsのpackage.json
• TypeScriptのバージョンアップによるソースコード修正 (対応Commit: fd9a082)
• react-scriptsのバージョンアップ v4.0.3 → v5.0.1 (対応Commit: e6117a3)

Tests

• 各画面が表示されることを打鍵テストで確認
• 各機能が問題なく動くことを打鍵テストで確認
• npm run testコマンド実行
• npm run lintコマンド実行

Other (messages to reviewers, concerns, etc.)

• ReactのバージョンアップによるReactのエラーを解消するため、参考にした内容は下記の通りです。
  • クライアントレンダリング API への変更
  • TypeScript 型定義の変更
• react-router-domのバージョンアップによるreact-router-domのエラーを解消するため、参考にした内容は下記の通りです。
  • Fix: make v5 Router compatible with v18 StrictMode
  • BrowserRouterの問題