Entonces, en mi sitio web, estoy usando el gancho useCookie() react-cookie para leer y almacenar cookies. Sin embargo, parece que useCookie() almacena el valor de la cookie solo en el primer procesamiento y no cambia su valor cuando ocurre un cambio desde una fuente externa.

Por ejemplo, en mi código definí

 const [cookies, setCookie, removeCookie] = useCookies();

en mi página de inicio de sesión y quiero verificar si existe una cookie al hacer clic en el botón de inicio de sesión. Para esto estoy usando:

 cookies["deviceToken-" + email]? cookies["deviceToken-" + email]: "",

pero hay un caso en el que estoy encontrando un problema. Si el usuario está en la página de inicio de sesión, el valor de la cookie se almacena directamente dentro de la variable de cookies del gancho useCookie() . Pero luego el usuario decide eliminar manualmente la cookie del navegador desde la pestaña Aplicación mientras está en la inspección. Después de esto, hacen clic en el botón de inicio de sesión.

al hacerlo, se leerá el valor previamente guardado para las cookies["deviceToken-" + email] y no se detectará que se eliminó.

¿Cómo puedo actualizar el valor de las cookies o detectar que la cookie se ha eliminado antes o durante la función de inicio de sesión?