`Unexpected Application Error` in fronted end

[BinNong]

I run this project locally on my MacBook. First, launch fronted end yarn yarn run dev. Secondly, launch backed end uvicorn score:app.

They are seems to be work in from console information. But when I open the browser and type http://localhost:5173/, it displays like this :

Unexpected Application Error! Google OAuth components must be used within GoogleOAuthProvider Error: Google OAuth components must be used within GoogleOAuthProvider at useGoogleOAuth (http://localhost:5173/node_modules/.vite/deps/@react-oauth_google.js?v=dc071ee3:57:11) at useGoogleLogin (http://localhost:5173/node_modules/.vite/deps/@react-oauth_google.js?v=dc071ee3:134:50) at GCSModal (http://localhost:5173/src/components/GCSModal.tsx:63:23) at renderWithHooks (http://localhost:5173/node_modules/.vite/deps/chunk-CXJOIMMF.js?v=4a7df370:12171:26) at mountIndeterminateComponent (http://localhost:5173/node_modules/.vite/deps/chunk-CXJOIMMF.js?v=4a7df370:14921:21) at beginWork (http://localhost:5173/node_modules/.vite/deps/chunk-CXJOIMMF.js?v=4a7df370:15902:22) at beginWork$1 (http://localhost:5173/node_modules/.vite/deps/chunk-CXJOIMMF.js?v=4a7df370:19749:22) at performUnitOfWork (http://localhost:5173/node_modules/.vite/deps/chunk-CXJOIMMF.js?v=4a7df370:19194:20) at workLoopSync (http://localhost:5173/node_modules/.vite/deps/chunk-CXJOIMMF.js?v=4a7df370:19133:13) at renderRootSync (http://localhost:5173/node_modules/.vite/deps/chunk-CXJOIMMF.js?v=4a7df370:19112:15) 💿 Hey developer 👋

You can provide a way better UX than this when your app throws errors by providing your own ErrorBoundary or errorElement prop on your route.

[BinNong]

![Uploading 1719803029014.jpg…]()

[kartikpersistent]

It is causing because we need to provide client id for gcs data source you can remove gcs and keep other sources and about the Error Boundary we will create a new task and pick it up in this week.

[kartikpersistent]

PR raised for Error Boundary