when tried popstate function its not working on React, how to trigger browser backtab click once confirmed logout button modal showed but won't

Question

When broser back Tab clicked after, React posState function to confirm logout function how i trigger.

how to implement React application when i triggered back tab, its once confirmed in modal ok button to logout application.

const handlePopState = event =>{
       console.log(event)
      }
      useEffect(() => {
        window.addEventListener('popstate', handlePopState);
        return () => {
          window.removeEventListener('popstate', handlePopState);
        };
      }, []);

Answer 1

You can use createBrowserHistory. Here is the example code.

import { createBrowserHistory } from "history";

...
const browserHistory = createBrowserHistory();
useEffect(() => {
    browserHistory.listen((update) => {
      if (update.action === "POP") console.log("Backbutton pressed");
    });
  }, []);
...