vv

frontend/src/pages/Login.jsx

@@ -37,9 +37,6 @@ const Login = () => {
       return;
     }
     
-    // Clear any existing errors when component mounts
-    dispatch(clearError());
-    
     // Only check for cached auth if not already loading
     if (loading === 'idle') {
       const checkAuthStatus = async () => {
@@ -71,6 +68,11 @@ const Login = () => {
       ...formData,
       [e.target.name]: e.target.value
     });
+    
+    // Clear error when user starts typing
+    if (error) {
+      dispatch(clearError());
+    }
   };
   
   const handleFocus = (field) => {
@@ -95,6 +97,11 @@ const Login = () => {
       return;
     }
     
+    // Clear any existing errors before attempting login
+    if (error) {
+      dispatch(clearError());
+    }
+    
     try {
       const result = await dispatch(loginUser({
         ...formData,

frontend/src/store/reducers/authSlice.js

@@ -329,11 +329,11 @@ const authSlice = createSlice({
   name: 'auth',
   initialState,
   reducers: {
-    export const clearError = (state) => {
-  console.log('Clearing Redux error');
-  state.error = null;
-  state.loading = 'idle';
-};,
+    clearError: (state) => {
+      console.log('Clearing Redux error');
+      state.error = null;
+      state.loading = 'idle';
+    },
     
     setUser: (state, action) => {
       state.user = action.payload.user;