Clearing redux state on close of browser tab

See more:

Javascript

React

ReactJS

ES6

Redux

Hi, I am working on a react project. My requirement is to clear redux store when ever the use closes the browser. (Not on Refreshing the page.)

i have done some research on it and found about EventListner events "beforeunload".
Here what i have tried.

_props.ActionSessionClear() : clears my redux state.
Every things works fine but it clears my redux state when ever i refresh the page.
And another issue is when i try to close the tab(chrome), it prompts me leave page? and even if i click on cancel, it clears my Redux State.
In IE it behaves Differently.

My requirement is just to clear the redux state. i dont need any message before closing the tab or refreshing the tab. I dont wann clear state on page refresh.


Is there any other approach to do the same??
A quick suggestion would be appreciated. Thank you!!!

What I have tried:

componentDidMount() {
    window.addEventListener("beforeunload", this.callEvent);
 }

componentWillUnmount() {
      window.removeEventListener("beforeunload", this.callEvent);
    }

callEvent = e => {
    const _props = this.props;
    e.preventDefault();
    _props.ActionSessionClear();
    localStorage.removeItem("HASTOKEN");
    _props.ActionRouteNavigate(ROUTES.LOGIN);
    var confirmationMessage = "o/";
    (e || window.event).returnValue = confirmationMessage; //Gecko + IE
    return confirmationMessage; //Webkit, Safari, Chrome
  };