Le di una función setInterval dentro de useEffect ya que tiene que enviar una acción cada 28 minutos, y este setInterval comenzará solo cuando el usuario haya iniciado sesión (la variable isLogged nos indica si el usuario ha iniciado sesión o no), es funciona como se esperaba, pero si abro una nueva pestaña, comienza un nuevo intervalo de 28 minutos en esa nueva pestaña que no espero.

Mi requisito -

• Cada 28 min debe haber un evento de despacho.
• Si el usuario inicia sesión en una pestaña y trabaja durante 20 minutos y abre una nueva pestaña, en los próximos 8 minutos debería ocurrir un evento de envío en ambas pestañas al mismo tiempo.

Código

 const isLogged = useSelector((state) => state.userReducer.loggedIn); // provide boolean value const intervalId = useRef(null); useEffect(() => { intervalId.current = setInterval(() => { // To check in between if user is logged out and to stop setInterval if(isLogged === false){ clearInterval(intervalId.current); return; } dispatch(refreshUserToken()); }, 1000 * 60 * 28); return () => { clearInterval(intervalId.current) } },[isLogged])

No tengo idea de cómo hacer este concepto, ¿podría alguien ayudarme a resolver este problema? Gracias de antemano !!