clarity-react icon indicating copy to clipboard operation
clarity-react copied to clipboard

[Storybook] Grid with Custom filter doesn't work in Chrome

Open siffash opened this issue 3 years ago • 0 comments

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:

  1. Chrome version 84.0.4147.89 (Official Build) (64-bit) on Windows 10
  2. It works only if the Dev Tools are open
  3. It works in Edge with and without Dev Tools open

siffash avatar Jul 23 '20 07:07 siffash