fix: dev account server

app/assets/javascripts/components/AccountMenu/AdvancedOptions.tsx

@@ -20,16 +20,6 @@ export const AdvancedOptions: FunctionComponent<Props> = observer(
       appState.accountMenu;
     const [showAdvanced, setShowAdvanced] = useState(false);
 
-    useEffect(() => {
-      if (isDev && window._devAccountServer) {
-        setEnableServerOption(true);
-        setServer(window._devAccountServer);
-        application.setCustomHost(window._devAccountServer);
-      }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-
-
     const handleServerOptionChange = (e: Event) => {
       if (e.target instanceof HTMLInputElement) {
         setEnableServerOption(e.target.checked);

app/assets/javascripts/ui_models/app_state/account_menu_state.ts

@@ -1,3 +1,4 @@
+import { isDev } from '@/utils';
 import {
   action,
   computed,
@@ -74,7 +75,11 @@ export class AccountMenuState {
     this.appEventListeners.push(
       this.application.addEventObserver(async () => {
         runInAction(() => {
-          this.setServer(this.application.getHost());
+          if (isDev && window._devAccountServer) {
+            this.setServer(window._devAccountServer);
+          } else {
+            this.setServer(this.application.getHost());
+          }
         });
       }, ApplicationEvent.Launched)
     );