Cannot add property ref, object is not extensible when using @nivo/bar in React #2790
Description
chunk-AZGTVECJ.js?v=98084b0a:3208 Uncaught TypeError: Cannot add property ref, object is not extensible
at chunk-AZGTVECJ.js?v=98084b0a:3208:18
at Array.map ()
at renderTransitions (chunk-AZGTVECJ.js?v=98084b0a:3201:99)
at He (@nivo_bar.js?t=17575…&v=98084b0a:676:400)
at renderWithHooks (chunk-NFC5BX5N.js?v=98084b0a:11548:26)
at mountIndeterminateComponent (chunk-NFC5BX5N.js?v=98084b0a:14926:21)
at beginWork (chunk-NFC5BX5N.js?v=98084b0a:15914:22)
at HTMLUnknownElement.callCallback2 (chunk-NFC5BX5N.js?v=98084b0a:3674:22)
at Object.invokeGuardedCallbackDev (chunk-NFC5BX5N.js?v=98084b0a:3699:24)
at invokeGuardedCallback (chunk-NFC5BX5N.js?v=98084b0a:3733:39)
chunk-NFC5BX5N.js?v=98084b0a:14032 The above error occurred in the component:
at He (http://localhost:5173/node_modules/.vite/deps/@nivo_bar.js?t=1757597076267&v=98084b0a:663:19)
at div
at Er (http://localhost:5173/node_modules/.vite/deps/chunk-AZGTVECJ.js?v=98084b0a:8086:15)
at W2 (http://localhost:5173/node_modules/.vite/deps/chunk-AZGTVECJ.js?v=98084b0a:8539:15)
at qr (http://localhost:5173/node_modules/.vite/deps/chunk-AZGTVECJ.js?v=98084b0a:8076:15)
at z (http://localhost:5173/node_modules/.vite/deps/chunk-AZGTVECJ.js?v=98084b0a:3752:15)
at Fr (http://localhost:5173/node_modules/.vite/deps/chunk-AZGTVECJ.js?v=98084b0a:8091:15)
at http://localhost:5173/node_modules/.vite/deps/@nivo_bar.js?t=1757597076267&v=98084b0a:686:15
at Nr (http://localhost:5173/node_modules/.vite/deps/chunk-AZGTVECJ.js?v=98084b0a:8098:15)
at div
at AutoSizer (http://localhost:5173/node_modules/.vite/deps/chunk-5VMJ4K3B.js?v=98084b0a:192:5)
at $r (http://localhost:5173/node_modules/.vite/deps/chunk-AZGTVECJ.js?v=98084b0a:8104:15)
at http://localhost:5173/node_modules/.vite/deps/@nivo_bar.js?t=1757597076267&v=98084b0a:747:15
at div
at Charts
at OverviewContent
at RenderedRoute (http://localhost:5173/node_modules/.vite/deps/react-router-dom.js?v=98084b0a:4088:5)
at Outlet (http://localhost:5173/node_modules/.vite/deps/react-router-dom.js?v=98084b0a:4494:26)
at div
at main
at _c9 (http://localhost:5173/src/components/ui/sidebar.tsx:398:48)
at div
at Provider2 (http://localhost:5173/node_modules/.vite/deps/chunk-HXHKSISY.js?v=98084b0a:87:15)
at TooltipProvider (http://localhost:5173/node_modules/.vite/deps/chunk-HXHKSISY.js?v=98084b0a:1124:5)
at http://localhost:5173/src/components/ui/sidebar.tsx:54:7
at WorkspaceMainLayout (http://localhost:5173/src/components/Layout/WorkspaceMainLayout.tsx?t=1757595970638:28:27)
at AbilityProvider (http://localhost:5173/src/context/AbilityContext.tsx:24:35)
at RenderedRoute (http://localhost:5173/node_modules/.vite/deps/react-router-dom.js?v=98084b0a:4088:5)
at Outlet (http://localhost:5173/node_modules/.vite/deps/react-router-dom.js?v=98084b0a:4494:26)
at RequireAuth (http://localhost:5173/src/components/Auth/RequireAuth.tsx:24:24)
at RenderedRoute (http://localhost:5173/node_modules/.vite/deps/react-router-dom.js?v=98084b0a:4088:5)
at Routes (http://localhost:5173/node_modules/.vite/deps/react-router-dom.js?v=98084b0a:4558:5)
at Router (http://localhost:5173/node_modules/.vite/deps/react-router-dom.js?v=98084b0a:4501:15)
at BrowserRouter (http://localhost:5173/node_modules/.vite/deps/react-router-dom.js?v=98084b0a:5247:5)
at AuthProvider (http://localhost:5173/src/context/AuthContext.tsx:34:3)
at AppRoutes
at PostHogProvider (http://localhost:5173/node_modules/.vite/deps/posthog-js_react.js?v=98084b0a:45:21)
at QueryClientProvider (http://localhost:5173/node_modules/.vite/deps/chunk-ZXWKQBYW.js?v=98084b0a:2848:3)
at App
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.