out from token

src/Components/Card.js

     let [loading, setLoading] = useState(true);
 
     useEffect(() => {
-        setTimeout(() =>{
+
+        let time = setTimeout(() =>{
             setLoading(false)
         },3000)
+
+        return () =>  {
+            clearTimeout(time);
+        }
+
     },[loading])
 
 

src/Pages/Login.jsx

             request
             .post({})
             .then( response => {
+
                 console.log("Service Response :: ", response)
                 let { token, nombre, apelidos } = response;
                 toast.success(`Bienvenido ${nombre} ${apelidos}!!`)
                 token = token.replace("Bearer ", "")
                     console.log(token);
-                let user_permissions = jwt_decode(token);
-                    console.log(user_permissions)
-                Object.keys(user_permissions);
+
+                let { exp } = jwt_decode(token);
+                let timestamp = exp * 1000;
+                let restante = timestamp - Date.now();
+
+                setTimeout(() => alert("Token Expirado") , restante )
+
+                // console.log(exp * 1000)
+                // console.log(Date.now())
+                // let token_expire_in = new Date(new Date(1656562738 * 1000))
+                // let token_expire_in = new Date( exp * 1000)
+                // console.log("TOKEN EXP :: ",token_expire_in)
                 // console.log("Bearer ", token)
+
                 setTimeout( () => {
                     setOpen(false)
                     auth.login(token)