Warning: findDOMNode is deprecated in StrictMode.

[viclafouch]

Expected Behavior

I've just installed Notistack on my project in React 17. I followed the Getting Started and got this warning/error:

index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here:.

I would like to avoid removing the Strict Mode.

Steps to Reproduce

• Use Notistack in React 17 and Strict Mode.

<React.StrictMode>
  <SnackbarProvider>
    <App />
  <SnackbarProvider>
</React.StrictMode>

• Enqueue a notification

enqueueSnackbar('Erreur', {
  variant: 'error'
})

Context

Your Environment

Tech	Version
Notistack	v1.0.3
React	17.0.1
Browser	Chrome Version 87.0.4280.88 (Build officiel) (x86_64)
etc.

[mhmtugur]

same here

[ahmcho]

I believe this is a Material UI bug, to be precise a bug in Transition component. I have the same problem with MUI Menu component and after browsing came to conclusion that you either need to disable StrictMode or wait until it's fixed in the new version of Material UI. Here is the discussion.

[chrisrrowland]

Is it possible for us to disable the transition via some notistack property until this is fixed?

[raphaelsoul]

ReactDOM.render(
  <React.StrictMode> // remove me
    <BrowserRouter>
      <App />
    </BrowserRouter>
  </React.StrictMode>, // remove me
  document.getElementById('root'),
);

this will prevent printing this warn. But be aware of that strict mode helps you find many potential problems. You'd better enable it at least in development

[iamhosseindhv]

Duplicate of #257

[bobzhang123456]

This is a temporary solution.

ReactDOM.render(

<React.StrictMode>

</React.StrictMode>
,
document.getElementById("root")
);