fix: logout empty screen

Author: OmarBasem

packages/react-kit/src/auth/pages/Verifying.tsx

@@ -32,6 +32,11 @@ export function Verifying() {
       onSuccess: async () => {
         clearOtpSession()
         goToStep('authenticated')
+        // Navigate the address bar off the magic-link landing URL so a
+        // refresh doesn't re-trigger verification.
+        if (typeof window !== 'undefined') {
+          window.history.replaceState({}, '', '/')
+        }
         config?.onSuccess?.()
       },
       onError: (err) => {

packages/react-kit/src/connector.test.ts

@@ -292,9 +292,10 @@ describe('connector', () => {
       // Disconnect
       await connector.disconnect?.()
 
-      // Auth should be reset and reinitialized
+      // Auth should be reset and reinitialized, then surface the sign-up
+      // page so the user can re-authenticate.
       expect(store.getState().auth.email).toBeNull()
-      expect(store.getState().auth.step).toBe('initializing')
+      expect(store.getState().auth.step).toBe('sign-up')
       expect(store.getState().auth.config).toEqual(authConfig)
     })
 

packages/react-kit/src/connector.ts

@@ -85,10 +85,13 @@ export function zeroDevWallet(
 
       async disconnect() {
         await connector.disconnect?.()
-        // Reset auth state on disconnect
+        // Reset auth state on disconnect and surface the sign-up page so the
+        // user can immediately re-authenticate instead of seeing an empty
+        // AuthFlow (the 'initializing' step renders null).
         if (params.config?.auth) {
           store.getState().auth.reset()
           store.getState().auth.initialize(params.config.auth)
+          store.getState().auth.goToStep('sign-up')
         }
       },