clarity-react
clarity-react copied to clipboard
[Storybook] Grid with Custom filter doesn't work in Chrome
When I click on the filter icon React throws an error:
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. Error: 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 checkForNestedUpdates (http://localhost:6006/vendors~main.e834025ebc93e441571d.bundle.js:152239:15) at scheduleUpdateOnFiber (http://localhost:6006/vendors~main.e834025ebc93e441571d.bundle.js:150310:3) at Object.enqueueSetState (http://localhost:6006/vendors~main.e834025ebc93e441571d.bundle.js:141785:5) at DataGridFilter.push../node_modules/react/cjs/react.development.js.Component.setState (http://localhost:6006/vendors~main.e834025ebc93e441571d.bundle.js:160049:16) at DataGridFilter.componentDidUpdate (http://localhost:6006/main.e834025ebc93e441571d.bundle.js:5007:12) at commitLifeCycles (http://localhost:6006/vendors~main.e834025ebc93e441571d.bundle.js:148981:22) at commitLayoutEffects (http://localhost:6006/vendors~main.e834025ebc93e441571d.bundle.js:151949:7) at HTMLUnknownElement.callCallback (http://localhost:6006/vendors~main.e834025ebc93e441571d.bundle.js:129334:14) at Object.invokeGuardedCallbackDev (http://localhost:6006/vendors~main.e834025ebc93e441571d.bundle.js:129383:16) at invokeGuardedCallback (http://localhost:6006/vendors~main.e834025ebc93e441571d.bundle.js:129438:31)
Notes:
- Chrome version 84.0.4147.89 (Official Build) (64-bit) on Windows 10
- It works only if the Dev Tools are open
- It works in Edge with and without Dev Tools open