From a9b7982395757dae614960c393c0b9bc93383080 Mon Sep 17 00:00:00 2001
From: "MSI\\derek" <abc@gmail.com>
Date: Wed, 5 Mar 2025 11:45:44 +0800
Subject: [PATCH] update remove item from localstorage

---
 src/components/LoginPage/LoginForm.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/LoginPage/LoginForm.tsx b/src/components/LoginPage/LoginForm.tsx
index 3defadb..3790d40 100644
--- a/src/components/LoginPage/LoginForm.tsx
+++ b/src/components/LoginPage/LoginForm.tsx
@@ -8,7 +8,7 @@ import Typography from "@mui/material/Typography";
 import { TFunction } from "i18next";
 import { signIn } from "next-auth/react";
 import { useRouter } from "next/navigation";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { SubmitHandler, useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 
@@ -32,8 +32,6 @@ const getHumanFriendlyErrorMessage = (
 };
 
 const LoginForm: React.FC = () => {
-  // clean abilities before login
-  window.localStorage.removeItem("abilities")
   const { t } = useTranslation("login");
   const {
     register,
@@ -61,6 +59,11 @@ const LoginForm: React.FC = () => {
     router.push(callbackUrl);
   };
 
+  useEffect(()=> {
+      // clean abilities before login
+      window.localStorage.removeItem("abilities")
+  })
+  
   return (
     <Stack
       spacing={3}