質問 : ローカルホスト3000を立ち上げても、画面が真っ白で表示が出ないを解決したい。

下記の環境で、送金アプリを作成しています。 firebaseを利用して、ログイン機能を実装、ログイン後はダッシュボードへ遷移を実装し、 現在の状況確認の為、ローカルホスト3000を立ち上げたら、画面が真っ白で表示が出ません。 何処を改善したら良いかわからず、詰まっている状況です。 どなたかアドバイスをお願いします。

開発環境 OS CentOS Monterey(12.0.1) node(14.16.1) npm(6.14.12) material-ui(5.3.1) firebase (9.6.5) react-router-dom(6.2.1) redux-toolkit

期待する動作 ローカルホスト3000を立ち上げたら、src/components/Header.js が画面に表示される。

試したこと

検索ツールで下記の表示が出た

Uncaught TypeError: Cannot read properties of undefined (reading 'main')
    at bundle.js:48508:44
    at bundle.js:58101:18
    at handleInterpolation (bundle.js:2400:24)
    at serializeStyles (bundle.js:2526:15)
    at bundle.js:2880:91
    at bundle.js:1693:12
    at renderWithHooks (bundle.js:85860:22)
    at updateForwardRef (bundle.js:87882:24)
    at beginWork (bundle.js:89870:20)
    at HTMLUnknownElement.callCallback (bundle.js:74810:18)
react-dom.development.js:20085 The above error occurred in the <MuiIconButtonRoot> component:

    at http://localhost:3000/static/js/bundle.js:1692:66
    at IconButton (http://localhost:3000/static/js/bundle.js:48536:83)
    at div
    at http://localhost:3000/static/js/bundle.js:1692:66
    at Toolbar (http://localhost:3000/static/js/bundle.js:54930:82)
    at header
    at http://localhost:3000/static/js/bundle.js:1692:66
    at Paper (http://localhost:3000/static/js/bundle.js:52335:82)
    at http://localhost:3000/static/js/bundle.js:1692:66
    at AppBar (http://localhost:3000/static/js/bundle.js:44467:83)
    at div
    at http://localhost:3000/static/js/bundle.js:1692:66
    at Box (http://localhost:3000/static/js/bundle.js:57902:72)
    at Header (http://localhost:3000/static/js/bundle.js:825:81)
    at div
    at App
    at Routes (http://localhost:3000/static/js/bundle.js:98606:5)
    at AuthProvider (http://localhost:3000/static/js/bundle.js:160:5)
    at Router (http://localhost:3000/static/js/bundle.js:98539:15)
    at BrowserRouter (http://localhost:3000/static/js/bundle.js:98019:5)

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.
logCapturedError @ react-dom.development.js:20085
bootstrap:27 Uncaught TypeError: Cannot read properties of undefined (reading 'main')
    at bundle.js:48508:44
    at bundle.js:58101:18
    at handleInterpolation (bundle.js:2400:24)
    at serializeStyles (bundle.js:2526:15)
    at bundle.js:2880:91
    at bundle.js:1693:12
    at renderWithHooks (bundle.js:85860:22)
    at updateForwardRef (bundle.js:87882:24)
    at beginWork (bundle.js:89870:20)
    at HTMLUnknownElement.callCallback (bundle.js:74810:18)