BlockUI error

[Hyutseik]

BlockUI give me this error if i change the prop fast. I don't know if it should be possible, but you can recreate the error changing visible state to false before blocked prop change to false.

Code: Select all

Uncaught TypeError: Cannot read property 'addEventListener' of null
    at BlockUI.unblock (blockui.esm.js:140)
    at BlockUI.componentDidUpdate (blockui.esm.js:210)
    at commitLifeCycles (react-dom.development.js:20684)
    at commitLayoutEffects (react-dom.development.js:23426)
    at HTMLUnknownElement.callCallback (react-dom.development.js:3945)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:3994)
    at invokeGuardedCallback (react-dom.development.js:4056)
    at commitRootImpl (react-dom.development.js:23151)
    at unstable_runWithPriority (scheduler.development.js:468)
    at runWithPriority$1 (react-dom.development.js:11276)
    at commitRoot (react-dom.development.js:22990)
    at performSyncWorkOnRoot (react-dom.development.js:22329)
    at react-dom.development.js:11327
    at unstable_runWithPriority (scheduler.development.js:468)
    at runWithPriority$1 (react-dom.development.js:11276)
    at flushSyncCallbackQueueImpl (react-dom.development.js:11322)
    at flushSyncCallbackQueue (react-dom.development.js:11309)
    at scheduleUpdateOnFiber (react-dom.development.js:21893)
    at Object.enqueueForceUpdate (react-dom.development.js:12504)
    at BlockUI.push../node_modules/react/cjs/react.development.js.Component.forceUpdate (react.development.js:384)
    at Object.overrideValueAtPath (react_devtools_backend.js:8453)
    at react_devtools_backend.js:10108
    at Bridge.emit (react_devtools_backend.js:4467)
    at react_devtools_backend.js:10698
    at listener (react_devtools_backend.js:11472)

Thanks!

[mcandu]

Could you please attach codesandbox example that I can see the issue ?

[Hyutseik]

https://codesandbox.io/s/zealous-sea-b9 ... src/App.js

If you double click(starting blocked) or click multiple times in a fast interval the component stops working.
Testing with react dev tools, you can inspect the blockUI and change both prop and state to true, then change the state before the prop to false.