devtools.jsx

const ReduxDevtoolsProvider = ({ children }) => {
  const withDevTools = typeof window !== "undefined" && window.__REDUX_DEVTOOLS_EXTENSION__;
  let devTools;

  useEffect(() => {
    if (withDevTools) {
      devTools = window.__REDUX_DEVTOOLS_EXTENSION__.connect();
      devTools.init();

      return () => {
        window.__REDUX_DEVTOOLS_EXTENSION__.disconnect();
      };
    }

    return () => {};
  });

  return children;
};