fixed redirect when auth is enabled

frontend/src/components/SocketSubscriber.tsx

@@ -1,5 +1,6 @@
 import * as O from 'fp-ts/Option'
 import { useEffect, useMemo } from 'react'
+import { useNavigate } from 'react-router-dom'
 import { useRecoilState, useRecoilValue } from 'recoil'
 import { take, timer } from 'rxjs'
 import { downloadsState } from '../atoms/downloads'
@@ -23,6 +24,8 @@ const SocketSubscriber: React.FC<Props> = () => {
   const { client } = useRPC()
   const { pushMessage } = useToast()
 
+  const navigate = useNavigate()
+
   const socketOnce$ = useMemo(() => client.socket$.pipe(take(1)), [])
 
   useEffect(() => {
@@ -60,7 +63,8 @@ const SocketSubscriber: React.FC<Props> = () => {
       pushMessage(
         `${i18n.t('rpcConnErr')} (${serverAddressAndPort})`,
         "error"
-      )
+      ),
+        navigate(`/error`)
     }
   )
 

frontend/src/router.tsx

@@ -57,6 +57,14 @@ export const router = createHashRouter([
           </Suspense >
         )
       },
+      {
+        path: '/error',
+        element: (
+          <Suspense fallback={<CircularProgress />}>
+            <ErrorBoundary />
+          </Suspense >
+        )
+      },
     ]
   },
 ])

frontend/src/views/Login.tsx

@@ -63,7 +63,6 @@ export default function Login() {
         username,
         password,
       }),
-      redirect: 'follow'
     })
 
     pipe(