isLogin 새로고침시 초기화되는 현상 수정

package.json

@@ -30,7 +30,7 @@
     "animate.css": "4.1.1",
     "apexcharts": "3.23.0",
     "availity-reactstrap-validation-safe": "2.6.1",
-    "axios": "0.21.1",
+    "axios": "1.6.7",
     "axios-mock-adapter": "1.19.0",
     "babel-plugin-react-intl": "5.1.18",
     "bootstrap": "4.5.2",

src/router/hoc/AuthRoutes.tsx

@@ -1,6 +1,9 @@
+import { useEffect } from 'react';
+import { useDispatch } from 'react-redux';
 import { Redirect, RouteComponentProps } from 'react-router-dom';
 import { useSelector } from '@store/storeConfig/store';
 import { IRoute } from '../routes/type';
+import * as Actions from '../../modules/account/auth/actions';
 
 interface IFinalRoute extends RouteComponentProps {
   route: IRoute;
@@ -8,7 +11,13 @@ interface IFinalRoute extends RouteComponentProps {
 
 export default function AuthRoutes(props: IFinalRoute) {
   const { isLogin } = useSelector(state => state.authState);
-  const a = useSelector(state => state);
+  const dispatch = useDispatch();
+
+  useEffect(() => {
+    if (!isLogin) {
+      dispatch(Actions.check.request());
+    }
+  }, [isLogin]);
 
   if (isLogin === false && !props.route.meta?.authRoute) {
     return <Redirect to='/account/login' />;

src/router/hoc/ResolveRoutes.tsx

@@ -11,20 +11,11 @@ import LayoutWrapper from '@layouts/components/layout-wrapper';
 import { IRoute } from '../routes/type';
 import { Routes } from '../routes';
 import AuthRoutes from './AuthRoutes';
-import * as Actions from '../../modules/account/auth/actions';
 
 export default function ResolveRoutes() {
   const [layout, setLayout] = useLayout();
   const [transition, setTransition] = useRouterTransition();
 
-  const dispatch = useDispatch();
-
-  // useEffect(() => {
-  //   if (!isLogin) {
-  //     dispatch(Actions.check.request());
-  //   }
-  // }, [isLogin]);
-
   const DefaultLayout =
     layout === 'horizontal' ? 'HorizontalLayout' : 'VerticalLayout';