fix(login): prevent multiple error toasts on login by clearing previous toasts (#5312)

Signed-off-by: SharanRP <[email protected]>
Co-authored-by: Pritesh Kiri <[email protected]>
Co-authored-by: Amit Kumar Das <[email protected]>

Author: 3 people

chaoscenter/web/src/controllers/Login/LoginPage.tsx

@@ -11,7 +11,7 @@ import { useSearchParams } from '@hooks';
 
 const LoginController: React.FC = () => {
   const history = useHistory();
-  const { showError } = useToaster();
+  const { showError, clear } = useToaster();
   const searchParams = useSearchParams();
 
   const dexToken = searchParams.get('jwtToken');
@@ -37,13 +37,15 @@ const LoginController: React.FC = () => {
   const { isLoading, mutate: handleLogin } = useLoginMutation(
     {},
     {
-      onError: err =>
+      onError: err => {
+        clear();
         showError(
           toTitleCase({
             separator: '_',
             text: err.error ?? ''
           })
-        ),
+        );
+      },
       onSuccess: response => {
         if (response.accessToken) {
           setUserDetails(response);