[DOCS] Minified React error #185

[nearwood]

Windows 10 64
FF 64.0.2 (64-bit)

I keep running into into this on the current docs:

Error: 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.

The full message being:

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.

I will attempt to note how to reproduce it later today, as it happens often.

[nearwood]

Well, it failed to occur yesterday, but it did just now. I clicked this link https://react-bootstrap.netlify.com/components/forms/#form-row-props from within the Forms docs.

Got a full stack trace:

Error: 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. 

Error: Script terminated by timeout at:
Sn@https://react-bootstrap.netlify.com/2-68b2153cc7f036eae14f.js:1:726504
An@https://react-bootstrap.netlify.com/2-68b2153cc7f036eae14f.js:1:726401
Mn</e.prototype.componentDidUpdate@https://react-bootstrap.netlify.com/2-68b2153cc7f036eae14f.js:1:730550
Aa@https://react-bootstrap.netlify.com/app-436a48db75de79f1b072.js:1:203493
Na@https://react-bootstrap.netlify.com/app-436a48db75de79f1b072.js:1:199152
ja@https://react-bootstrap.netlify.com/app-436a48db75de79f1b072.js:1:198497
Ea@https://react-bootstrap.netlify.com/app-436a48db75de79f1b072.js:1:197518
Zi@https://react-bootstrap.netlify.com/app-436a48db75de79f1b072.js:1:196421
enqueueSetState@https://react-bootstrap.netlify.com/app-436a48db75de79f1b072.js:1:161349
x.prototype.setState@https://react-bootstrap.netlify.com/app-436a48db75de79f1b072.js:1:80940
M</t.prototype.componentDidMount/t.unlisten</</<@https://react-bootstrap.netlify.com/app-436a48db75de79f1b072.js:1:18652

[nearwood]

Also note: This kills the browser.

At least until the FF watchdog intervenes.

[wgarvey]

@nearwood

"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."

Is setState() being called by componentDidUpdate()? Because componentDidUpdate() is called after each state change, this will cause an infinite loop until you run out of stack. This is likely the problem.

[taion]

do you have a specific page in the docs that triggers this?

[nearwood]

@taion It has happened on other pages than the one mentioned in my previous comment. I think it might be isolated to the API links, but can't confirm definitively.

[mxschmitt]

@nearwood is this issue still reproducible?

[nearwood]

Yes, but not easily. I clicked around the docs for a while. Then left the Button page open for a while. Came back to it. Edited the example shown, then tried to click the ToggleButtonGroup API link:

Wondering if the inline editor has something to do with it -- I rarely use it, but can't discount it.

FF 65.0.2 (64-bit)

[oscles]

I got the error when I implemented the redux-reset library, click on the logout button, and since the status, I have in redux is something big it sends me that error

[taion]

We're going to need a more self-contained repro to do anything here. None of these components are doing much of anything that should cause this.

[shankarm123]

So above issue was solved with what change?

[kyletsang]

This issue is pretty stale, and I haven't run into this, so will close it for now.