findDOMNode is deprecated in StrictMode

[DatStorm]

Try to use notistack in functional component.

Expected Behavior

Should now throw a warning.

Current Behavior

React.strictmode creates warning

Steps to Reproduce

import React from 'react';
import { Button } from '@material-ui/core';
import { withSnackbar } from 'notistack';

const Home = (props) => {
	const handleClick = () => {
		props.enqueueSnackbar('Successfully fetched the data.');
	};

	const classes = useStyles();
	return (
		<div>
			<Button onClick={handleClick}>Test</Button>
		</div>
	);
};

export default withSnackbar(Home);

Versions:

"react": "^16.13.1",
"react-dom": "^16.13.1",
notistack": "^0.9.11",
"pondjs": "^0.9.0",

to me

Let me know if I need to provide more info.

[stevenkitter]

the same question

[JoaoHenriqueBarbosa]

Same here

[ihormaslov]

Same here

[iamhosseindhv]

Seems to be working here: https://codesandbox.io/s/delicate-hill-p25hr

Unfortunately without a reproduction example I'm unable to help.

[DatStorm]

I can reproduce it here in your example: https://codesandbox.io/s/eager-haze-fkn0w?file=/index.js

otherwise chagne index.jsx render to:

ReactDOM.render(
  <React.StrictMode>
    <SnackbarProvider maxSnack={3}>
      <App />
    </SnackbarProvider>
  </React.StrictMode>,
  document.getElementById("root")
);

Hope this helps :)

[iamhosseindhv]

I see the warning now. If anything this is an issue with @material-ui/core or react-transition-group.

Many thanks.

[davehowson]

Is there any solution to this besides disabling Strict Mode?

[heybenchen]

For anyone using MaterialUI, I got around this by wrapping the ThemeProvider around SnackbarProvider:

  <React.StrictMode>
    <ThemeProvider theme={theme}>
      <SnackbarProvider maxSnack={3}>
        <App />
      </SnackbarProvider>
    </ThemeProvider>
  </React.StrictMode>,

[ujnimz]

I am using MaterialUI, The warning is still there after wrapping the ThemeProvider around SnackbarProvider. This is also advised on official documentation.

Note: If you're using material-ui ThemeProvider, make sure SnackbarProvider is a child of it.

[manoharreddyporeddy]

A solution is here - https://stackoverflow.com/a/66290597/984471

[drnguyenn]

This is an issue of MaterialUI library, and there's a temporary solution here before the new MaterialUI v5 is officially released.