diff --git a/packages/app/src/Element/LogoutButton.tsx b/packages/app/src/Element/LogoutButton.tsx
index 53659aa..fc9cf7b 100644
--- a/packages/app/src/Element/LogoutButton.tsx
+++ b/packages/app/src/Element/LogoutButton.tsx
@@ -1,5 +1,4 @@
 import { useDispatch } from "react-redux";
-import { useNavigate } from "react-router-dom";
 import { FormattedMessage } from "react-intl";
 
 import { logout } from "State/Login";
@@ -8,14 +7,13 @@ import messages from "./messages";
 
 export default function LogoutButton() {
   const dispatch = useDispatch();
-  const navigate = useNavigate();
   return (
     <button
       className="secondary"
       type="button"
       onClick={() => {
         dispatch(logout());
-        navigate("/");
+        window.location.href = "/";
       }}>
       <FormattedMessage {...messages.Logout} />
     </button>
diff --git a/packages/app/src/Pages/settings/Index.tsx b/packages/app/src/Pages/settings/Index.tsx
index 8dc97ac..595f9ff 100644
--- a/packages/app/src/Pages/settings/Index.tsx
+++ b/packages/app/src/Pages/settings/Index.tsx
@@ -18,7 +18,7 @@ const SettingsIndex = () => {
 
   function handleLogout() {
     dispatch(logout());
-    navigate("/");
+    window.location.href = "/";
   }
 
   return (
diff --git a/packages/app/src/State/Login.ts b/packages/app/src/State/Login.ts
index de62038..cf77e29 100644
--- a/packages/app/src/State/Login.ts
+++ b/packages/app/src/State/Login.ts
@@ -447,7 +447,7 @@ const LoginSlice = createSlice({
     },
     logout: state => {
       const relays = { ...state.relays };
-      Object.assign(state, InitState);
+      state = Object.assign(state, InitState);
       state.loggedOut = true;
       window.localStorage.clear();
       state.relays = relays;