Add correct transitions for too many devices view

1 files changed, 4 insertions, 3 deletions

diff --git a/gui/src/renderer/components/TooManyDevices.tsx b/gui/src/renderer/components/TooManyDevices.tsx
index 1075071cdd..7b434468c7 100644
--- a/gui/src/renderer/components/TooManyDevices.tsx
+++ b/gui/src/renderer/components/TooManyDevices.tsx
@@ -5,7 +5,8 @@ import { colors } from '../../config.json';
 import { IDevice } from '../../shared/daemon-rpc-types';
 import { messages } from '../../shared/gettext';
 import { useAppContext } from '../context';
-import { useHistory } from '../lib/history';
+import { transitions, useHistory } from '../lib/history';
+import { RoutePath } from '../lib/routes';
 import { useBoolean } from '../lib/utilityHooks';
 import { useSelector } from '../redux/store';
 import * as AppButton from './AppButton';
@@ -109,8 +110,8 @@ export default function TooManyDevices() {
   const continueLogin = useCallback(() => login(accountToken), [login, accountToken]);
   const cancel = useCallback(() => {
     cancelLogin();
-    history.pop();
-  }, [history.pop, cancelLogin]);
+    history.reset(RoutePath.login, transitions.pop);
+  }, [history.reset, cancelLogin]);
 
   useEffect(() => void fetchDevices(), []);