reset app errors on page refresh

web-app/src/app/components/AppSpinner.tsx

@@ -4,6 +4,9 @@ import LoadingOverlay from 'react-loading-overlay-ts';
 import { useSelector } from 'react-redux';
 import { selectLoadingApp } from '../store/selectors';
 
+/**
+ * This adds a spinner to the entire application
+ */
 const AppSpinner: React.FC<ContextProviderProps> = ({ children }) => {
   const isActive = useSelector(selectLoadingApp);
   return (

web-app/src/app/components/Context.tsx

@@ -1,18 +1,38 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import type ContextProviderProps from '../interface/ContextProviderProps';
 import { Provider } from 'react-redux';
 import { store } from '../store/store';
 import { PersistGate } from 'redux-persist/integration/react';
 import { persistStore } from 'redux-persist';
+import { useAppDispatch } from '../hooks';
+import { resetProfileErrors } from '../store/profile-reducer';
 
 const persistor = persistStore(store);
+/**
+ * This component is used to wrap the entire application
+ */
+const AppContent: React.FC<ContextProviderProps> = ({ children }) => {
+  const dispatch = useAppDispatch();
 
+  useEffect(() => {
+    // This function will run when the component is first loaded
+    // Clean errros from previous session
+    dispatch(resetProfileErrors());
+  }, []);
+  return (
+    <PersistGate loading={null} persistor={persistor}>
+      {children}
+    </PersistGate>
+  );
+};
+
+/**
+ * This component is used to wrap the entire application adding the store provider and reseting the errors from previous session
+ */
 const ContextProviders: React.FC<ContextProviderProps> = ({ children }) => {
   return (
     <Provider store={store}>
-      <PersistGate loading={null} persistor={persistor}>
-        {children}
-      </PersistGate>
+      <AppContent>{children}</AppContent>
     </Provider>
   );
 };

web-app/src/app/store/profile-reducer.ts

@@ -93,6 +93,9 @@ export const userProfileSlice = createSlice({
         state.user.organization = action.payload;
       }
     },
+    resetProfileErrors: (state) => {
+      state.errors = { ...initialState.errors };
+    },
   },
 });
 
@@ -106,6 +109,7 @@ export const {
   signUp,
   signUpSuccess,
   signUpFail,
+  resetProfileErrors,
 } = userProfileSlice.actions;
 
 export default userProfileSlice.reducer;