dm cache

packages/app/src/Element/LogoutButton.tsx

@@ -1,19 +1,24 @@
 import { useDispatch } from "react-redux";
 import { FormattedMessage } from "react-intl";
-
+import { useNavigate } from "react-router-dom";
 import { logout } from "State/Login";
 
 import messages from "./messages";
 
 export default function LogoutButton() {
   const dispatch = useDispatch();
+  const navigate = useNavigate();
+
   return (
     <button
       className="secondary"
       type="button"
       onClick={() => {
-        dispatch(logout());
-        window.location.href = "/";
+        dispatch(
+          logout(() => {
+            navigate("/");
+          })
+        );
       }}>
       <FormattedMessage {...messages.Logout} />
     </button>