From b0fc42d906a3643547f8e1c8df8b1613cb1e5c0b Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Mon, 3 Feb 2025 08:03:40 +1100 Subject: [PATCH] Debounce `checkLoginState` to prevent unexpected redirection during testing (#9012) (#9016) (cherry picked from commit e93b9692a1c149f6caca84291dba5be067f5b539) Co-authored-by: Dean <me@dgardiner.net> --- src/frontend/src/pages/Auth/Logged-In.tsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/frontend/src/pages/Auth/Logged-In.tsx b/src/frontend/src/pages/Auth/Logged-In.tsx index bee4bb57da..cff65b773f 100644 --- a/src/frontend/src/pages/Auth/Logged-In.tsx +++ b/src/frontend/src/pages/Auth/Logged-In.tsx @@ -1,5 +1,6 @@ import { Trans } from '@lingui/macro'; import { Card, Container, Group, Loader, Stack, Text } from '@mantine/core'; +import { useDebouncedCallback } from '@mantine/hooks'; import { useEffect } from 'react'; import { useLocation, useNavigate } from 'react-router-dom'; @@ -9,8 +10,10 @@ export default function Logged_In() { const navigate = useNavigate(); const location = useLocation(); + const checkLoginStateDebounced = useDebouncedCallback(checkLoginState, 300); + useEffect(() => { - checkLoginState(navigate, location?.state); + checkLoginStateDebounced(navigate, location?.state); }, [navigate]); return (