react-select with webpack dev server and hot reload crashes

I am not able to reproduce this other than locally 😕

I get this error whenever I click on a react-select element:

Uncaught Invariant Violation: 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.
    at invariant (http://localhost:8080/public/app.js:181388:15)
    at scheduleWork (http://localhost:8080/public/app.js:201249:5)
    at Object.enqueueSetState (http://localhost:8080/public/app.js:192502:5)
    at MenuPlacer../node_modules/react/cjs/react.development.js.Component.setState (http://localhost:8080/public/app.js:229658:16)
    at Object.ref (http://localhost:8080/public/app.js:212984:13)
    at ref (http://localhost:8080/public/app.js:172916:31)
    at commitAttachRef (http://localhost:8080/public/app.js:198828:7)
    at commitAllLifeCycles (http://localhost:8080/public/app.js:200074:7)
    at HTMLUnknownElement.callCallback (http://localhost:8080/public/app.js:181482:14)
    at Object.invokeGuardedCallbackDev (http://localhost:8080/public/app.js:181532:16)

When building with webpack, this error goes away.

[olemartin]

Hi @bladey. No, when running with hot reload the error is still present. I have to build locally in order to get it working, and that makes the development roundtrip a bit long.

[Armer7]

@Armer7 Can you try react-select@5.0.0-beta.0? We’ve removed AutosizeInput completely in v5 so it’s likely that will fix the issue.

Ok. I try it.