fix a debugger issue

src/components/logout.tsx

@@ -1,4 +1,4 @@
-import React, { useContext } from 'react';
+import React, { useContext, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { AuthContext } from '../contexts';
 
@@ -6,6 +6,8 @@ export const Logout: React.FC = () => {
   const context = useContext(AuthContext);
   const navigate = useNavigate();
 
+  useEffect(() => {
+    sessionStorage.removeItem('token');
     context.setAuth({
       valid: false,
       user: {
@@ -15,8 +17,9 @@ export const Logout: React.FC = () => {
         airportConfigurationAccess: [],
       },
     });
-  sessionStorage.removeItem('token');
     navigate('/');
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
 
   return <></>;
 }