diff --git a/frontend/react/src/ui/modals/loginmodal.tsx b/frontend/react/src/ui/modals/loginmodal.tsx
index b1b1ff21..c88a3eba 100644
--- a/frontend/react/src/ui/modals/loginmodal.tsx
+++ b/frontend/react/src/ui/modals/loginmodal.tsx
@@ -10,8 +10,6 @@ import { BLUE_COMMANDER, GAME_MASTER, LoginSubState, NO_SUBSTATE, OlympusState,
 import { OlDropdown, OlDropdownItem } from "../components/oldropdown";
 import { AppStateChangedEvent } from "../../events";
 
-var hash = sha256.create();
-
 export function LoginModal(props: { open: boolean }) {
   // TODO: add warning if not in secure context and some features are disabled
   const [subState, setSubState] = useState(NO_SUBSTATE);
@@ -31,6 +29,7 @@ export function LoginModal(props: { open: boolean }) {
   const usernameCallback = useCallback(() => getApp()?.getServerManager().setUsername(username), [username]);
   useEffect(usernameCallback, [username]);
 
+  var hash = sha256.create();
   const passwordCallback = useCallback(() => getApp()?.getServerManager().setPassword(hash.update(password).hex()), [password]);
   useEffect(passwordCallback, [password]);