Primero debe verificar la inactividad del navegador. Para detectar el tiempo de inactividad, consulte esta Pregunta Cómo detectar el tiempo de inactividad en JavaScript Después de eso, puede eliminar la cookie según sus necesidades. Para eliminar la cookie, siga este enlace https://www.guru99.com/cookies-in-javascript-ultimate-guide.html#:~:text=JavaScript%20Delete%20Cookie,expires%20to%20a%20passed%20date .

Primero debe verificar la inactividad del navegador, luego puede eliminar la cookie según sus requisitos. La siguiente biblioteca es opcional, por lo que sería beneficioso:

 import { useCookies } from 'react-cookie'; const [cookies, setCookies, removeCookies] = useCookies(['token']); function checkIdleness() { var t; window.onload = timerReset; window.onmousemove = timerReset; window.onmousedown = timerReset; // catches touchscreen presses as well window.ontouchstart = timerReset; // catches touchscreen swipes as well window.onclick = timerReset; // catches touchpad clicks as well window.onkeydown = timerReset; window.addEventListener('scroll', timerReset, true); // improved; see comments function writeYourFunction() { // your function for too long inactivity goes here removeCookies('token', { path: '/' }) } function timerReset() { clearTimeout(t); t = setTimeout(writeYourFunction, 10000); // time is in milliseconds } } checkIdleness();

Si la cookie que está tratando de eliminar es una cookie httpOnly, que suele ser el caso y una buena práctica para almacenar tokens de autorización, no podrá eliminarla mediante javascript del lado del cliente. En su lugar, deberá realizar otra solicitud a su backend, que puede eliminar la cookie.