How to detect Page Refresh in React

Question

I am using this code,

useEffect(() => {
window.addEventListener("beforeunload",() => {
localStorage.removeItem("token")
})
})

but my requirement is to clear this token only when all tabs get closed or the browser itself gets closed, but this event is occurring for even page refresh, so is there any possible way to block this part of code when the page gets refreshed and only execute when tabs or browser gets closed.

Any help would be highly appreciable, thanks in advance!!!

Kirill Tarasov · Accepted Answer · 2022-05-24 08:44:01Z

1

You can try using sessionStorage. It will automatically clear token after closing the tab but it works only for one tab.

answered May 24, 2022 at 8:44

Kirill Tarasov

111 bronze badge

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to detect Page Refresh in React

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related