Inspector v2 React Error?

Whenever we open the Inspector at Frame we are getting this error:
```
installHook.js:1 TypeError: Cannot set properties of undefined (setting ‘GIF’)
at gif-8Ty35Toc-2YP2JE3W.js?v=b571bcdf:3:199
at gif-8Ty35Toc-2YP2JE3W.js?v=b571bcdf:4:3

The above error occurred in one of your React components.

React will try to recreate this component tree from scratch using the error boundary you provided, ErrorBoundary.

overrideMethod @ installHook.js:1
defaultOnCaughtError @ chunk-ORDY6WEY.js?v=b571bcdf:8322
logCaughtError @ chunk-ORDY6WEY.js?v=b571bcdf:8354
runWithFiberInDEV @ chunk-ORDY6WEY.js?v=b571bcdf:2318
inst.componentDidCatch.update.callback @ chunk-ORDY6WEY.js?v=b571bcdf:8399
callCallback @ chunk-ORDY6WEY.js?v=b571bcdf:6812
commitCallbacks @ chunk-ORDY6WEY.js?v=b571bcdf:6824
runWithFiberInDEV @ chunk-ORDY6WEY.js?v=b571bcdf:2318
commitClassCallbacks @ chunk-ORDY6WEY.js?v=b571bcdf:10811
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11279
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11313
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11395
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11313
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11313
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11313
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11224
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11224
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11313
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11313
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11395
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11313
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11313
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11224
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11387
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11365
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11395
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11395
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11224
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11313
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11395
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11395
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11395
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11224
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11395
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11395
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11395
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11395
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11395
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11224
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11224
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11395
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11224
recursivelyTraverseLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:12113
commitLayoutEffectOnFiber @ chunk-ORDY6WEY.js?v=b571bcdf:11284
flushLayoutEffects @ chunk-ORDY6WEY.js?v=b571bcdf:14245
commitRoot @ chunk-ORDY6WEY.js?v=b571bcdf:14124
commitRootWhenReady @ chunk-ORDY6WEY.js?v=b571bcdf:13337
performWorkOnRoot @ chunk-ORDY6WEY.js?v=b571bcdf:13271
performWorkOnRootViaSchedulerTask @ chunk-ORDY6WEY.js?v=b571bcdf:14826
performWorkUntilDeadline @ chunk-ORDY6WEY.js?v=b571bcdf:967
<…>
exports.jsx @ chunk-ORDY6WEY.js?v=b571bcdf:708
(anonymous) @ chunk-ORDY6WEY.js?v=b571bcdf:129180
react_stack_bottom_frame @ chunk-ORDY6WEY.js?v=b571bcdf:19830
renderWithHooks @ chunk-ORDY6WEY.js?v=b571bcdf:6975
updateForwardRef @ chunk-ORDY6WEY.js?v=b571bcdf:8519
beginWork @ chunk-ORDY6WEY.js?v=b571bcdf:10056
runWithFiberInDEV @ chunk-ORDY6WEY.js?v=b571bcdf:2318
performUnitOfWork @ chunk-ORDY6WEY.js?v=b571bcdf:13882
workLoopSync @ chunk-ORDY6WEY.js?v=b571bcdf:13745
renderRootSync @ chunk-ORDY6WEY.js?v=b571bcdf:13729
performWorkOnRoot @ chunk-ORDY6WEY.js?v=b571bcdf:13087
performSyncWorkOnRoot @ chunk-ORDY6WEY.js?v=b571bcdf:14838
flushSyncWorkAcrossRoots_impl @ chunk-ORDY6WEY.js?v=b571bcdf:14735
flushSpawnedWork @ chunk-ORDY6WEY.js?v=b571bcdf:14388
commitRoot @ chunk-ORDY6WEY.js?v=b571bcdf:14125
commitRootWhenReady @ chunk-ORDY6WEY.js?v=b571bcdf:13337
performWorkOnRoot @ chunk-ORDY6WEY.js?v=b571bcdf:13271
performWorkOnRootViaSchedulerTask @ chunk-ORDY6WEY.js?v=b571bcdf:14826
performWorkUntilDeadline @ chunk-ORDY6WEY.js?v=b571bcdf:967

exports.jsx @ chunk-ORDY6WEY.js?v=b571bcdf:708
component @ chunk-ORDY6WEY.js?v=b571bcdf:132235
react_stack_bottom_frame @ chunk-ORDY6WEY.js?v=b571bcdf:19830
renderWithHooks @ chunk-ORDY6WEY.js?v=b571bcdf:6975
updateFunctionComponent @ chunk-ORDY6WEY.js?v=b571bcdf:8796
beginWork @ chunk-ORDY6WEY.js?v=b571bcdf:9846
runWithFiberInDEV @ chunk-ORDY6WEY.js?v=b571bcdf:2318
performUnitOfWork @ chunk-ORDY6WEY.js?v=b571bcdf:13882
workLoopSync @ chunk-ORDY6WEY.js?v=b571bcdf:13745
renderRootSync @ chunk-ORDY6WEY.js?v=b571bcdf:13729
performWorkOnRoot @ chunk-ORDY6WEY.js?v=b571bcdf:13087
performSyncWorkOnRoot @ chunk-ORDY6WEY.js?v=b571bcdf:14838
flushSyncWorkAcrossRoots_impl @ chunk-ORDY6WEY.js?v=b571bcdf:14735
flushSpawnedWork @ chunk-ORDY6WEY.js?v=b571bcdf:14388
commitRoot @ chunk-ORDY6WEY.js?v=b571bcdf:14125
commitRootWhenReady @ chunk-ORDY6WEY.js?v=b571bcdf:13337
performWorkOnRoot @ chunk-ORDY6WEY.js?v=b571bcdf:13271
performWorkOnRootViaSchedulerTask @ chunk-ORDY6WEY.js?v=b571bcdf:14826
performWorkUntilDeadline @ chunk-ORDY6WEY.js?v=b571bcdf:967
installHook.js:1 [Tools] Error caught: TypeError: Cannot set properties of undefined (setting ‘GIF’)
at gif-8Ty35Toc-2YP2JE3W.js?v=b571bcdf:3:199
at gif-8Ty35Toc-2YP2JE3W.js?v=b571bcdf:4:3 {componentStack: ‘\n at Lazy ()\n at Suspense (<anony…line/deps/chunk-ORDY6WEY.js?v=b571bcdf:120984:21)’}
```

It does not seem to break anything as afaik. But figured Id call it out.

It can be seen here: 0.61.4
and just click Open Inspector at the top of the page after you connect. Then look at the browser logs.

I’ll take a look!

Looks like the site above is using Babylon version 8.50.4, and the gif error was fixed in Inspector v2: Fix es6 package and other bug fixes and released in version 8.51.2

@Pryme8 see if upgrading inspector to latest package does the trick!

4 Likes