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,17 +6,20 @@ export const Logout: React.FC = () => {
   const context = useContext(AuthContext);
   const navigate = useNavigate();
 
-  context.setAuth({
-    valid: false,
-    user: {
-      vatsimId: '',
-      fullName: '',
-      administrator: false,
-      airportConfigurationAccess: [],
-    },
-  });
-  sessionStorage.removeItem('token');
-  navigate('/');
+  useEffect(() => {
+    sessionStorage.removeItem('token');
+    context.setAuth({
+      valid: false,
+      user: {
+        vatsimId: '',
+        fullName: '',
+        administrator: false,
+        airportConfigurationAccess: [],
+      },
+    });
+    navigate('/');
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
 
   return <></>;
 }