search

iulianraduat / react-select-material-ui

A react SELECT component based on react-select and looking like a material-ui component
MIT License
73 stars 18 forks source link

Unable to find node on an unmounted component | Cannot read property 'scrollHeight' of undefined #1

Closed xploreraj closed 5 years ago

xploreraj commented 5 years ago

Getting this error, I got my versions latest, whatever you mentioned.

Uncaught Error: Unable to find node on an unmounted component.
    at invariant (react-dom.development.js:55)
    at findCurrentFiberUsingSlowPath (react-dom.development.js:4158)
    at findCurrentHostFiber (react-dom.development.js:4266)
    at findHostInstance (react-dom.development.js:17676)
    at findDOMNode (react-dom.development.js:18145)
    at NodeResolver.componentDidMount (react-select.esm.js:1062)
    at commitLifeCycles (react-dom.development.js:14361)
    at commitAllLifeCycles (react-dom.development.js:15462)
    at HTMLUnknownElement.callCallback (react-dom.development.js:100)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:138)
invariant @ react-dom.development.js:55
findCurrentFiberUsingSlowPath @ react-dom.development.js:4158
findCurrentHostFiber @ react-dom.development.js:4266
findHostInstance @ react-dom.development.js:17676
findDOMNode @ react-dom.development.js:18145
componentDidMount @ react-select.esm.js:1062
commitLifeCycles @ react-dom.development.js:14361
commitAllLifeCycles @ react-dom.development.js:15462
callCallback @ react-dom.development.js:100
invokeGuardedCallbackDev @ react-dom.development.js:138
invokeGuardedCallback @ react-dom.development.js:187
commitRoot @ react-dom.development.js:15603
completeRoot @ react-dom.development.js:16618
performWorkOnRoot @ react-dom.development.js:16563
performWork @ react-dom.development.js:16482
performSyncWork @ react-dom.development.js:16454
interactiveUpdates$1 @ react-dom.development.js:16719
interactiveUpdates @ react-dom.development.js:2150
dispatchInteractiveEvent @ react-dom.development.js:4532
react-select.esm.js:1413 Uncaught TypeError: Cannot read property 'scrollHeight' of undefined
    at ScrollCaptor.startListening (react-select.esm.js:1413)
    at ScrollCaptor.componentDidMount (react-select.esm.js:1402)
    at commitLifeCycles (react-dom.development.js:14361)
    at commitAllLifeCycles (react-dom.development.js:15462)
    at HTMLUnknownElement.callCallback (react-dom.development.js:100)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:138)
    at invokeGuardedCallback (react-dom.development.js:187)
    at commitRoot (react-dom.development.js:15603)
    at completeRoot (react-dom.development.js:16618)
    at performWorkOnRoot (react-dom.development.js:16563)
startListening @ react-select.esm.js:1413
componentDidMount @ react-select.esm.js:1402
commitLifeCycles @ react-dom.development.js:14361
commitAllLifeCycles @ react-dom.development.js:15462
callCallback @ react-dom.development.js:100
invokeGuardedCallbackDev @ react-dom.development.js:138
invokeGuardedCallback @ react-dom.development.js:187
commitRoot @ react-dom.development.js:15603
completeRoot @ react-dom.development.js:16618
performWorkOnRoot @ react-dom.development.js:16563
performWork @ react-dom.development.js:16482
performSyncWork @ react-dom.development.js:16454
interactiveUpdates$1 @ react-dom.development.js:16719
interactiveUpdates @ react-dom.development.js:2150
dispatchInteractiveEvent @ react-dom.development.js:4532
react-select.esm.js:1430 Uncaught TypeError: Cannot read property 'scrollHeight' of undefined
    at ScrollCaptor.stopListening (react-select.esm.js:1430)
    at ScrollCaptor.componentWillUnmount (react-select.esm.js:1407)
    at callComponentWillUnmountWithTimer (react-dom.development.js:14280)
    at HTMLUnknownElement.callCallback (react-dom.development.js:100)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:138)
    at invokeGuardedCallback (react-dom.development.js:187)
    at safelyCallComponentWillUnmount (react-dom.development.js:14287)
    at commitUnmount (react-dom.development.js:14494)
    at commitNestedUnmounts (react-dom.development.js:14525)
    at unmountHostComponents (react-dom.development.js:14776)
stopListening @ react-select.esm.js:1430
componentWillUnmount @ react-select.esm.js:1407
callComponentWillUnmountWithTimer @ react-dom.development.js:14280
callCallback @ react-dom.development.js:100
invokeGuardedCallbackDev @ react-dom.development.js:138
invokeGuardedCallback @ react-dom.development.js:187
safelyCallComponentWillUnmount @ react-dom.development.js:14287
commitUnmount @ react-dom.development.js:14494
commitNestedUnmounts @ react-dom.development.js:14525
unmountHostComponents @ react-dom.development.js:14776
commitDeletion @ react-dom.development.js:14827
commitAllHostEffects @ react-dom.development.js:15416
callCallback @ react-dom.development.js:100
invokeGuardedCallbackDev @ react-dom.development.js:138
invokeGuardedCallback @ react-dom.development.js:187
commitRoot @ react-dom.development.js:15568
completeRoot @ react-dom.development.js:16618
performWorkOnRoot @ react-dom.development.js:16563
performWork @ react-dom.development.js:16482
performSyncWork @ react-dom.development.js:16454
interactiveUpdates$1 @ react-dom.development.js:16719
interactiveUpdates @ react-dom.development.js:2150
dispatchInteractiveEvent @ react-dom.development.js:4532
react-dom.development.js:14226 The above error occurred in the <NodeResolver> component:
    in NodeResolver
    in ScrollCaptor
    in ScrollCaptorSwitch
    in div
    in Menu
    in MenuPlacer
    in div
    in SelectContainer
    in Select
    in StateManager
    in SelectDropdown
    in div (created by FormControl)
    in FormControl (created by WithStyles(FormControl))
    in WithStyles(FormControl)
    in ReactSelectMaterialUi
    in MaterialUiCreatable
    in SingleSelect (created by LookupEditCellBase)
    in td (created by TableCell)
    in TableCell (created by WithStyles(TableCell))
    in WithStyles(TableCell) (created by LookupEditCellBase)
    in LookupEditCellBase (created by WithStyles(LookupEditCellBase))
    in WithStyles(LookupEditCellBase) (created by EditCell)
    in EditCell (created by TemplatePlaceholder)
    in TemplatePlaceholder (created by TemplateConnector)
    in TemplateConnector (created by TemplatePlaceholder)
    in TemplatePlaceholder (created by CellPlaceholder)
    in CellPlaceholder (created by RowLayout)
    in tr (created by TableRow)
    in TableRow (created by WithStyles(TableRow))
    in WithStyles(TableRow) (created by TableRow)
    in TableRow (created by TemplatePlaceholder)
    in TemplatePlaceholder (created by RowPlaceholder)
    in RowPlaceholder (created by RowLayout)
    in RowLayout (created by RowsBlockLayout)
    in tbody (created by TableBody)
    in TableBody (created by WithStyles(TableBody))
    in WithStyles(TableBody) (created by RowsBlockLayout)
    in RowsBlockLayout (created by StaticTableLayout)
    in table (created by Table)
    in Table (created by WithStyles(Table))
    in WithStyles(Table) (created by TableBase)
    in TableBase (created by WithStyles(TableBase))
    in WithStyles(TableBase) (created by StaticTableLayout)
    in div (created by TableContainerBase)
    in TableContainerBase (created by WithStyles(TableContainerBase))
    in WithStyles(TableContainerBase) (created by StaticTableLayout)
    in StaticTableLayout (created by TableLayout)
    in TableLayout (created by TableLayout$$1)
    in TableLayout$$1 (created by TemplateConnector)
    in TemplateConnector (created by Table)
    in TemplatePlaceholder (created by Table)
    in TemplatePlaceholder (created by GridCore)
    in div (created by RootBase)
    in RootBase (created by WithStyles(RootBase))
    in WithStyles(RootBase) (created by GridCore)
    in TemplatePlaceholder (created by PluginHost$$1)
    in PluginHost$$1 (created by Grid)
    in Grid (created by Grid$$1)
    in Grid$$1 (created by DataGrid)
    in div (created by Paper)
    in Paper (created by WithStyles(Paper))
    in WithStyles(Paper) (created by DataGrid)
    in DataGrid (created by WithStyles(DataGrid))
    in WithStyles(DataGrid) (created by PersonalDashboard)
    in div (created by CardContent)
    in CardContent (created by WithStyles(CardContent))
    in WithStyles(CardContent) (created by PersonalDashboard)
    in div (created by Paper)
    in Paper (created by WithStyles(Paper))
    in WithStyles(Paper) (created by Card)
    in Card (created by WithStyles(Card))
    in WithStyles(Card) (created by PersonalDashboard)
    in div (created by PersonalDashboard)
    in PersonalDashboard (created by Home)
    in div (created by Home)
    in Home (created by Route)
    in Route (created by Switcher)
    in Switch (created by Switcher)
    in div (created by Switcher)
    in Switcher (created by App)
    in div (created by App)
    in App
    in Router (created by BrowserRouter)
    in BrowserRouter

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://fb.me/react-error-boundaries to learn more about error boundaries.
logCapturedError @ react-dom.development.js:14226
logError @ react-dom.development.js:14265
update.callback @ react-dom.development.js:14918
callCallback @ react-dom.development.js:10878
commitUpdateQueue @ react-dom.development.js:10911
commitLifeCycles @ react-dom.development.js:14396
commitAllLifeCycles @ react-dom.development.js:15462
callCallback @ react-dom.development.js:100
invokeGuardedCallbackDev @ react-dom.development.js:138
invokeGuardedCallback @ react-dom.development.js:187
commitRoot @ react-dom.development.js:15603
completeRoot @ react-dom.development.js:16618
performWorkOnRoot @ react-dom.development.js:16563
performWork @ react-dom.development.js:16482
performSyncWork @ react-dom.development.js:16454
interactiveUpdates$1 @ react-dom.development.js:16719
interactiveUpdates @ react-dom.development.js:2150
dispatchInteractiveEvent @ react-dom.development.js:4532
2react-dom.development.js:14226 The above error occurred in the <ScrollCaptor> component:
    in ScrollCaptor
    in ScrollCaptorSwitch
    in div
    in Menu
    in MenuPlacer
    in div
    in SelectContainer
    in Select
    in StateManager
    in SelectDropdown
    in div (created by FormControl)
    in FormControl (created by WithStyles(FormControl))
    in WithStyles(FormControl)
    in ReactSelectMaterialUi
    in MaterialUiCreatable
    in SingleSelect (created by LookupEditCellBase)
    in td (created by TableCell)
    in TableCell (created by WithStyles(TableCell))
    in WithStyles(TableCell) (created by LookupEditCellBase)
    in LookupEditCellBase (created by WithStyles(LookupEditCellBase))
    in WithStyles(LookupEditCellBase) (created by EditCell)
    in EditCell (created by TemplatePlaceholder)
    in TemplatePlaceholder (created by TemplateConnector)
    in TemplateConnector (created by TemplatePlaceholder)
    in TemplatePlaceholder (created by CellPlaceholder)
    in CellPlaceholder (created by RowLayout)
    in tr (created by TableRow)
    in TableRow (created by WithStyles(TableRow))
    in WithStyles(TableRow) (created by TableRow)
    in TableRow (created by TemplatePlaceholder)
    in TemplatePlaceholder (created by RowPlaceholder)
    in RowPlaceholder (created by RowLayout)
    in RowLayout (created by RowsBlockLayout)
    in tbody (created by TableBody)
    in TableBody (created by WithStyles(TableBody))
    in WithStyles(TableBody) (created by RowsBlockLayout)
    in RowsBlockLayout (created by StaticTableLayout)
    in table (created by Table)
    in Table (created by WithStyles(Table))
    in WithStyles(Table) (created by TableBase)
    in TableBase (created by WithStyles(TableBase))
    in WithStyles(TableBase) (created by StaticTableLayout)
    in div (created by TableContainerBase)
    in TableContainerBase (created by WithStyles(TableContainerBase))
    in WithStyles(TableContainerBase) (created by StaticTableLayout)
    in StaticTableLayout (created by TableLayout)
    in TableLayout (created by TableLayout$$1)
    in TableLayout$$1 (created by TemplateConnector)
    in TemplateConnector (created by Table)
    in TemplatePlaceholder (created by Table)
    in TemplatePlaceholder (created by GridCore)
    in div (created by RootBase)
    in RootBase (created by WithStyles(RootBase))
    in WithStyles(RootBase) (created by GridCore)
    in TemplatePlaceholder (created by PluginHost$$1)
    in PluginHost$$1 (created by Grid)
    in Grid (created by Grid$$1)
    in Grid$$1 (created by DataGrid)
    in div (created by Paper)
    in Paper (created by WithStyles(Paper))
    in WithStyles(Paper) (created by DataGrid)
    in DataGrid (created by WithStyles(DataGrid))
    in WithStyles(DataGrid) (created by PersonalDashboard)
    in div (created by CardContent)
    in CardContent (created by WithStyles(CardContent))
    in WithStyles(CardContent) (created by PersonalDashboard)
    in div (created by Paper)
    in Paper (created by WithStyles(Paper))
    in WithStyles(Paper) (created by Card)
    in Card (created by WithStyles(Card))
    in WithStyles(Card) (created by PersonalDashboard)
    in div (created by PersonalDashboard)
    in PersonalDashboard (created by Home)
    in div (created by Home)
    in Home (created by Route)
    in Route (created by Switcher)
    in Switch (created by Switcher)
    in div (created by Switcher)
    in Switcher (created by App)
    in div (created by App)
    in App
    in Router (created by BrowserRouter)
    in BrowserRouter

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://fb.me/react-error-boundaries to learn more about error boundaries.
logCapturedError @ react-dom.development.js:14226
logError @ react-dom.development.js:14265
update.callback @ react-dom.development.js:14918
callCallback @ react-dom.development.js:10878
commitUpdateQueue @ react-dom.development.js:10911
commitLifeCycles @ react-dom.development.js:14396
commitAllLifeCycles @ react-dom.development.js:15462
callCallback @ react-dom.development.js:100
invokeGuardedCallbackDev @ react-dom.development.js:138
invokeGuardedCallback @ react-dom.development.js:187
commitRoot @ react-dom.development.js:15603
completeRoot @ react-dom.development.js:16618
performWorkOnRoot @ react-dom.development.js:16563
performWork @ react-dom.development.js:16482
performSyncWork @ react-dom.development.js:16454
interactiveUpdates$1 @ react-dom.development.js:16719
interactiveUpdates @ react-dom.development.js:2150
dispatchInteractiveEvent @ react-dom.development.js:4532
react-dom.development.js:145 Uncaught Error: A cross-origin error was thrown. React doesn't have access to the actual error object in development. See https://fb.me/react-crossorigin-error for more information.
    at Object.invokeGuardedCallbackDev (react-dom.development.js:145)
    at invokeGuardedCallback (react-dom.development.js:187)
    at commitRoot (react-dom.development.js:15603)
    at completeRoot (react-dom.development.js:16618)
    at performWorkOnRoot (react-dom.development.js:16563)
    at performWork (react-dom.development.js:16482)
    at performSyncWork (react-dom.development.js:16454)
    at interactiveUpdates$1 (react-dom.development.js:16719)
    at interactiveUpdates (react-dom.development.js:2150)
    at dispatchInteractiveEvent (react-dom.development.js:4532)
iulianraduat commented 5 years ago

@xploreraj Can you please check if the latest version fixed the problem for you? I had myself this problem and it should be fixed by now.

iulianraduat commented 5 years ago

Closed as no answer from issue reporter and the problem should be already fixed.

xploreraj commented 5 years ago

Hey, sorry bud! I could not get a chance to work on that recently. Let me find sometime in future to inform you.

xploreraj commented 5 years ago

Not seeing this error now with later versions.