1783432 - Invariant Violation: Minified React error #185

Status: NEW

(DevTools :: Debugger, defect, P3)

Description

[Martin]

Attachment: Screenshot from 2022-08-05 16-50-38.png

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:103.0) Gecko/20100101 Firefox/103.0

Steps to reproduce:

Sorry, no idea how to reproduce. Devtools Debugger just turned into a react error message.

Actual results:

This is the text of the error message:

Invariant Violation: Minified React error #185; visit https://reactjs.org/docs/error-decoder.html?invariant=185 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
React Component Stack

componentStack

in Connect(Editor)

in div

in div

in div

in div

in SplitBox

in div

in div

in SplitBox

in div

in A11yIntention

in AppErrorBoundary

in div

in App

in Connect(App)

in Provider

in Provider
Stacktrace

invariant@resource://devtools/client/shared/vendor/react-dom.js:34:15

reactProdInvariant@resource://devtools/client/shared/vendor/react-dom.js:62:4

scheduleWork@resource://devtools/client/shared/vendor/react-dom.js:15229:23

enqueueSetState@resource://devtools/client/shared/vendor/react-dom.js:8192:17

Component.prototype.setState@resource://devtools/client/shared/vendor/react.js:328:16

onStateChange@resource://devtools/client/shared/vendor/react-redux.js:1412:16

notify@resource://devtools/client/shared/vendor/react-redux.js:1159:21

notifyNestedSubs@resource://devtools/client/shared/vendor/react-redux.js:1198:20

notifyNestedSubsOnComponentDidUpdate@resource://devtools/client/shared/vendor/react-redux.js:1423:14

commitLifeCycles@resource://devtools/client/shared/vendor/react-dom.js:12958:22

commitAllLifeCycles@resource://devtools/client/shared/vendor/react-dom.js:14174:23

commitRoot@resource://devtools/client/shared/vendor/react-dom.js:14380:28

completeRoot/<@resource://devtools/client/shared/vendor/react-dom.js:15731:15

unstable_runWithPriority@resource://devtools/client/shared/vendor/react.js:617:12

completeRoot@resource://devtools/client/shared/vendor/react-dom.js:15730:27

performWorkOnRoot@resource://devtools/client/shared/vendor/react-dom.js:15659:21

performWork@resource://devtools/client/shared/vendor/react-dom.js:15567:24

performSyncWork@resource://devtools/client/shared/vendor/react-dom.js:15541:14

interactiveUpdates$1@resource://devtools/client/shared/vendor/react-dom.js:15808:7

interactiveUpdates@resource://devtools/client/shared/vendor/react-dom.js:1901:10

Expected results:

Debugger Tab should not crash

Comment 1

[Julian Descottes [:jdescottes]]

Thanks for filing! The error from the react documentation is

Maximum update depth exceeded.
This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate.
React limits the number of nested updates to prevent infinite loops.

Martin: Did the error go away after you closed and re-opened the Debugger?
Any extra information you could share can be useful: what kind of script you were debugging? It seems like it crashed on a breakpoint, do you remember if you were stepping in/out or if this happened immediately when the debugger tried to stop on the breakpoint?

Comment 2

[Martin]

As far as I remember: No it did not go away, I tried clicking on another devtools tab (e.g. network) and then back to debugger, still showed the same error, also tried to close devtools and open again, still same error. I needed to reload the page to get rid of the error.

Yes I was inside the middle of a debugging session. The page I was debugging uses runtime compiled vue 2 components, I was debugging one of the computed functions of those components. It definitively happened after I set a breakpoint and I stepped over (just moving to next instruction) a few times. Though I am not sure if it happened after stepping over or after pressing play again to move to the next breakpoint (inside a loop).
That is all I got, sadly.