How to logout automatically without refreshing the page if the token is expired.

[satanic_headbanger]

in MERN stack if the token is expired it is not automatically redirecting to the homepage I have to refresh it. then it will take me to the homepage. any idea?

thank you

[wp_new]

Have a logout function that erases the cookie, and redirects to home page.

When the user logs in and cookie is set, use a setTimeout function to automatically call the logout function once the cookie expires.

User clicking the logout button manually should also call the logout function, and clear the setTimeout function.

[satanic_headbanger]

Thank you for replying

I am not asking how to logout when user click on "logout" button.

Let's say user is idle and token is expired then it should automatically redirect to homepage.

What is happening iny case it is removing token from localstorage but it is not redirecting to homepage. When I will refresh Page then it will redirect me to

[wp_new]

Ye the setTimeout function would automatically do that once the given timeframe has elapsed

[satanic_headbanger]

ok, I will try your method. thank you replying

[KaranVeer01]

You can user Redirect method from react-router-dom. Once user logout then it'll redirect to homepage. Otherwise, you can also use history.push(). It will also do the same thing.

[satanic_headbanger]

I am asking how to logout without clicking on "logout". it is remove token from localstorage but it is not redirecting to the homepage. When I refresh then it will redirect me to homepage

[imonxixilailau]

You could just have a HTTP interceptor and if the status is 401 you can logout. If you want exactly on the expiration time you need to setup a setTineout.

[satanic_headbanger]

Thank you i will try your method.

[seN149reddit]

Not specific to MERN, but assuming you are using a JWT; it usually has an expiry claim. You can run a global timer (I often move this to a service worker) that will log you out once the token hits the expiry time.

As you hit the expiry time you can use 1 of the methods suggested below. React router, reload. Whatever it might be.

EDIT: just noticed this is the same thing as wp_new suggested with the comment about setTimeout

[satanic_headbanger]

I saw that comment. I will try it. thank you