How can I implement session timeout in my React app?

How can I implement session timeout in my React app?

You can use the react-session-timeout library to manage session timeouts easily. Would you like a code example?

Yes, please provide a code example.

First, install the library using npm: npm install react-session-timeout. Then, you can set it up like this:

import React from 'react';
import SessionTimeout from 'react-session-timeout';

const App = () => {
  return (
    <SessionTimeout
      timeout={300000} // 5 minutes
      onTimeout={() => alert('Session timed out!')}
    >
      <YourMainComponent />
    </SessionTimeout>
  );
};

export default App;

What happens when the session times out?

When the session times out, the onTimeout callback is triggered, allowing you to handle the timeout event, like redirecting the user or showing a message.