title: Handling Sessions & Idle Timer between multiple tabs in React SPA
body: <p>I'm developing a React Application that has User Authentication with session duration. while login the response will give session duration with userObject. I'm persisting the loggedUser object using <strong>redux-persist</strong> in localStorage. I used <strong>react-idle-timer</strong> to detect the tab idle with sessionDuration I'm getting in loggedUser Object. when user idle reached timeout then, I'll clear the localStorage results user logout.</p>
  <h3>Here is the Issue I'm facing:</h3>
  <p>The flow is working exactly for the single tab. when user uses multiple tab. eg, I'm opening a page in the second tab, loggedUser data will be shared using localStorage, here I'm actively using the page. but the first tab gets idle and when the duration exceeds the first tab will be loggedOut by clearing the localStorage, the user who uses second tab actively will be forced to logout, since there is no loggedUser data (localStorage).</p>
  <p>How to handle this ?</p>