Clear local storage on session clear

Question

I want to clear localStorage on session clear, i.e when the user exits the browser.

I am using window.onbeforeunload for this purpose, as shown below.

window.onbeforeunload = function() {
    localStorage.removeItem('myToken');
    return '';
};

The problem is that this function also removes item also on browser reload.

Is there any way around this, or is it any better way on implementing this?

Edit: This is a react app, is there any hook that prevents from clearing local storage on browser reload?

user_19707153 · Answer

Use sessionStorage. It has the same methods as localStorage, but it clears when the session is cleared.