Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[BUG] Error after upgrade

See original GitHub issue

Hi everyone,

I started getting this error when I upgraded to these versions the my project; "@pankod/refine-antd": "^3.33.2", "@pankod/refine-core": "^3.50.0",

full list is;

{ "dependencies": { "@pankod/refine-antd": "^3.33.2", "@pankod/refine-core": "^3.50.0", "@pankod/refine-graphql": "^4.5.0", "@pankod/refine-react-router-v6": "^3.29.0", "@pankod/refine-simple-rest": "^3.25.6", "@testing-library/jest-dom": "^5.12.0", "@testing-library/react": "^11.2.6", "@testing-library/user-event": "^12.8.3", "@types/jest": "^26.0.23", "camelcase": "^7.0.0", "graphql": "^15.5.3", "graphql-request": "^4.3.0", "i18next": "^20.1.0", "i18next-browser-languagedetector": "^6.1.1", "i18next-xhr-backend": "^3.2.2", "leaflet": "^1.8.0", "react": "^17.0.2", "react-dom": "^17.0.2", "react-i18next": "^11.8.11", "react-leaflet": "^4.0.1", "react-leaflet-google-layer": "^2.0.7", "react-scripts": "^5.0.0", "web-vitals": "^1.1.1" }, }

`utils.js:186 Uncaught TypeError: Converting circular structure to JSON –> starting at object with constructor ‘FiberNode’ | property ‘stateNode’ -> object with constructor ‘FiberRootNode’ | property ‘containerInfo’ -> object with constructor ‘HTMLDivElement’ — property ‘__reactContainer$nnm0w6la9’ closes the circle at JSON.stringify (<anonymous>) at stableValueHash (utils.js:186:1) at hashQueryKey (utils.js:179:1) at hashQueryKeyByOptions (utils.js:171:1) at QueryClient.defaultQueryOptions (queryClient.js:324:1) at QueryClient.defaultQueryObserverOptions (queryClient.js:331:1) at useBaseQuery (useBaseQuery.js:14:1) at useQuery (useQuery.js:7:1) at ir (index.ts:25:1) at Hn (index.tsx:18:1) stableValueHash @ utils.js:186 hashQueryKey @ utils.js:179 hashQueryKeyByOptions @ utils.js:171 defaultQueryOptions @ queryClient.js:324 defaultQueryObserverOptions @ queryClient.js:331 useBaseQuery @ useBaseQuery.js:14 useQuery @ useQuery.js:7 ir @ index.ts:25 Hn @ index.tsx:18 renderWithHooks @ react-dom.development.js:14985 mountIndeterminateComponent @ react-dom.development.js:17811 beginWork @ react-dom.development.js:19049 callCallback @ react-dom.development.js:3945 invokeGuardedCallbackDev @ react-dom.development.js:3994 invokeGuardedCallback @ react-dom.development.js:4056 beginWork$1 @ react-dom.development.js:23964 performUnitOfWork @ react-dom.development.js:22776 workLoopSync @ react-dom.development.js:22707 renderRootSync @ react-dom.development.js:22670 performSyncWorkOnRoot @ react-dom.development.js:22293 (anonymous) @ react-dom.development.js:11327 unstable_runWithPriority @ scheduler.development.js:468 runWithPriority$1 @ react-dom.development.js:11276 flushSyncCallbackQueueImpl @ react-dom.development.js:11322 flushSyncCallbackQueue @ react-dom.development.js:11309 batchedUpdates$1 @ react-dom.development.js:22387 (anonymous) @ notifyManager.js:75 Promise.then (async) scheduleMicrotask @ utils.js:322 flush @ notifyManager.js:74 batch @ notifyManager.js:30 dispatch @ query.js:392 setData @ query.js:85 onSuccess @ query.js:336 resolve @ retryer.js:58 Promise.then (async) run @ retryer.js:116 Retryer @ retryer.js:156 fetch @ query.js:332 executeFetch @ queryObserver.js:199 onSubscribe @ queryObserver.js:40 subscribe @ subscribable.js:16 (anonymous) @ useBaseQuery.js:60 invokePassiveEffectCreate @ react-dom.development.js:23487 callCallback @ react-dom.development.js:3945 invokeGuardedCallbackDev @ react-dom.development.js:3994 invokeGuardedCallback @ react-dom.development.js:4056 flushPassiveEffectsImpl @ react-dom.development.js:23574 unstable_runWithPriority @ scheduler.development.js:468 runWithPriority$1 @ react-dom.development.js:11276 flushPassiveEffects @ react-dom.development.js:23447 (anonymous) @ react-dom.development.js:23324 workLoop @ scheduler.development.js:417 flushWork @ scheduler.development.js:390 performWorkUntilDeadline @ scheduler.development.js:157 react-dom.development.js:20085 The above error occurred in the <Hn> component:

at Hn (http://localhost:3000/static/js/bundle.js:76863:15)
at v (http://localhost:3000/static/js/bundle.js:78528:12)
at Outlet (http://localhost:3000/static/js/bundle.js:253508:26)
at div
at main
at http://localhost:3000/static/js/bundle.js:90924:25
at http://localhost:3000/static/js/bundle.js:90903:66
at section
at http://localhost:3000/static/js/bundle.js:90940:63
at http://localhost:3000/static/js/bundle.js:90903:66
at section
at http://localhost:3000/static/js/bundle.js:90940:63
at http://localhost:3000/static/js/bundle.js:90903:66
at Layout (http://localhost:3000/static/js/bundle.js:853:5)
at Vn (http://localhost:3000/static/js/bundle.js:76764:15)
at Routes (http://localhost:3000/static/js/bundle.js:253600:5)
at R (http://localhost:3000/static/js/bundle.js:78647:71)
at Router (http://localhost:3000/static/js/bundle.js:253533:15)
at BrowserRouter (http://localhost:3000/static/js/bundle.js:252343:5)
at B (http://localhost:3000/static/js/bundle.js:78744:15)
at Zt (http://localhost:3000/static/js/bundle.js:75215:15)
at Ot (http://localhost:3000/static/js/bundle.js:74915:19)
at ct (http://localhost:3000/static/js/bundle.js:73769:15)
at dr (http://localhost:3000/static/js/bundle.js:76210:13)
at ar (http://localhost:3000/static/js/bundle.js:75882:10)
at jt (http://localhost:3000/static/js/bundle.js:75154:15)
at qt (http://localhost:3000/static/js/bundle.js:75039:16)
at nr (http://localhost:3000/static/js/bundle.js:75836:15)
at Wt (http://localhost:3000/static/js/bundle.js:74880:19)
at Ht (http://localhost:3000/static/js/bundle.js:74849:15)
at Mt (http://localhost:3000/static/js/bundle.js:73172:15)
at Jt (http://localhost:3000/static/js/bundle.js:75114:11)
at QueryClientProvider (http://localhost:3000/static/js/bundle.js:250837:21)
at Qn (http://localhost:3000/static/js/bundle.js:76614:19)
at App (http://localhost:3000/static/js/bundle.js:113:69)
at Suspense

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 update.callback @ react-dom.development.js:20118 callCallback @ react-dom.development.js:12318 commitUpdateQueue @ react-dom.development.js:12339 commitLifeCycles @ react-dom.development.js:20736 commitLayoutEffects @ react-dom.development.js:23426 callCallback @ react-dom.development.js:3945 invokeGuardedCallbackDev @ react-dom.development.js:3994 invokeGuardedCallback @ react-dom.development.js:4056 commitRootImpl @ react-dom.development.js:23151 unstable_runWithPriority @ scheduler.development.js:468 runWithPriority$1 @ react-dom.development.js:11276 commitRoot @ react-dom.development.js:22990 performSyncWorkOnRoot @ react-dom.development.js:22329 (anonymous) @ react-dom.development.js:11327 unstable_runWithPriority @ scheduler.development.js:468 runWithPriority$1 @ react-dom.development.js:11276 flushSyncCallbackQueueImpl @ react-dom.development.js:11322 flushSyncCallbackQueue @ react-dom.development.js:11309 batchedUpdates$1 @ react-dom.development.js:22387 (anonymous) @ notifyManager.js:75 Promise.then (async) scheduleMicrotask @ utils.js:322 flush @ notifyManager.js:74 batch @ notifyManager.js:30 dispatch @ query.js:392 setData @ query.js:85 onSuccess @ query.js:336 resolve @ retryer.js:58 Promise.then (async) run @ retryer.js:116 Retryer @ retryer.js:156 fetch @ query.js:332 executeFetch @ queryObserver.js:199 onSubscribe @ queryObserver.js:40 subscribe @ subscribable.js:16 (anonymous) @ useBaseQuery.js:60 invokePassiveEffectCreate @ react-dom.development.js:23487 callCallback @ react-dom.development.js:3945 invokeGuardedCallbackDev @ react-dom.development.js:3994 invokeGuardedCallback @ react-dom.development.js:4056 flushPassiveEffectsImpl @ react-dom.development.js:23574 unstable_runWithPriority @ scheduler.development.js:468 runWithPriority$1 @ react-dom.development.js:11276 flushPassiveEffects @ react-dom.development.js:23447 (anonymous) @ react-dom.development.js:23324 workLoop @ scheduler.development.js:417 flushWork @ scheduler.development.js:390 performWorkUntilDeadline @ scheduler.development.js:157 utils.js:186 Uncaught TypeError: Converting circular structure to JSON –> starting at object with constructor ‘FiberNode’ | property ‘stateNode’ -> object with constructor ‘FiberRootNode’ | property ‘containerInfo’ -> object with constructor ‘HTMLDivElement’ — property ‘__reactContainer$nnm0w6la9’ closes the circle at JSON.stringify (<anonymous>) at stableValueHash (utils.js:186:1) at hashQueryKey (utils.js:179:1) at hashQueryKeyByOptions (utils.js:171:1) at QueryClient.defaultQueryOptions (queryClient.js:324:1) at QueryClient.defaultQueryObserverOptions (queryClient.js:331:1) at useBaseQuery (useBaseQuery.js:14:1) at useQuery (useQuery.js:7:1) at ir (index.ts:25:1) at Hn (index.tsx:18:1) stableValueHash @ utils.js:186 hashQueryKey @ utils.js:179 hashQueryKeyByOptions @ utils.js:171 defaultQueryOptions @ queryClient.js:324 defaultQueryObserverOptions @ queryClient.js:331 useBaseQuery @ useBaseQuery.js:14 useQuery @ useQuery.js:7 ir @ index.ts:25 Hn @ index.tsx:18 renderWithHooks @ react-dom.development.js:14985 mountIndeterminateComponent @ react-dom.development.js:17811 beginWork @ react-dom.development.js:19049 callCallback @ react-dom.development.js:3945 invokeGuardedCallbackDev @ react-dom.development.js:3994 invokeGuardedCallback @ react-dom.development.js:4056 beginWork$1 @ react-dom.development.js:23964 performUnitOfWork @ react-dom.development.js:22776 workLoopSync @ react-dom.development.js:22707 renderRootSync @ react-dom.development.js:22670 performSyncWorkOnRoot @ react-dom.development.js:22293 (anonymous) @ react-dom.development.js:11327 unstable_runWithPriority @ scheduler.development.js:468 runWithPriority$1 @ react-dom.development.js:11276 flushSyncCallbackQueueImpl @ react-dom.development.js:11322 flushSyncCallbackQueue @ react-dom.development.js:11309 batchedUpdates$1 @ react-dom.development.js:22387 (anonymous) @ notifyManager.js:75 setTimeout (async) (anonymous) @ utils.js:323 Promise.catch (async) scheduleMicrotask @ utils.js:322 flush @ notifyManager.js:74 batch @ notifyManager.js:30 dispatch @ query.js:392 setData @ query.js:85 onSuccess @ query.js:336 resolve @ retryer.js:58 Promise.then (async) run @ retryer.js:116 Retryer @ retryer.js:156 fetch @ query.js:332 executeFetch @ queryObserver.js:199 onSubscribe @ queryObserver.js:40 subscribe @ subscribable.js:16 (anonymous) @ useBaseQuery.js:60 invokePassiveEffectCreate @ react-dom.development.js:23487 callCallback @ react-dom.development.js:3945 invokeGuardedCallbackDev @ react-dom.development.js:3994 invokeGuardedCallback @ react-dom.development.js:4056 flushPassiveEffectsImpl @ react-dom.development.js:23574 unstable_runWithPriority @ scheduler.development.js:468 runWithPriority$1 @ react-dom.development.js:11276 flushPassiveEffects @ react-dom.development.js:23447 (anonymous) @ react-dom.development.js:23324 workLoop @ scheduler.development.js:417 flushWork @ scheduler.development.js:390 performWorkUntilDeadline @ scheduler.development.js:157`