azirid-react 0.10.2 → 0.10.3

package/README.md

@@ -376,6 +376,8 @@ import { useBootstrap } from 'azirid-react'
 const { bootstrap, isBootstrapping } = useBootstrap()
 ```
 
+> **Note:** The automatic bootstrap on mount runs exactly once, even in React 18 Strict Mode (which double-mounts components in development). Hooks like `usePayphoneCheckout` and `<PayphoneCallback>` wait for bootstrap to complete before making authenticated requests.
+
 ### `useRefresh`
 
 Manually refresh the access token.
@@ -1297,7 +1299,7 @@ function createAccessClient(
 | `publishableKey`   | `string`                  | —       | Publishable key (e.g. `pk_live_...`)                                             |
 | `tenantId`         | `string`                  | —       | Tenant ID for multi-tenant apps                                                  |
 | `fetchOptions`     | `Record<string, string>`  | —       | Extra headers to send with every request                                         |
-| `autoBootstrap`    | `boolean`                 | `true`  | Auto-restore session on mount                                                    |
+| `autoBootstrap`    | `boolean`                 | `true`  | Auto-restore session on mount. Runs once (safe in React 18 Strict Mode)          |
 | `refreshInterval`  | `number`                  | `50000` | Token refresh interval in ms. `0` to disable                                     |
 | `sessionSyncUrl`   | `string \| false`         | auto    | URL for session cookie sync. Auto-activates in dev mode. Pass `false` to disable |
 | `onAuthStateChange`| `() => void`              | —       | Called after login, signup, or logout. **In Next.js, pass `router.refresh()`** to sync server actions with updated cookies |

package/dist/index.cjs

@@ -768,9 +768,15 @@ function AziridProviderInner({
     },
     [client]
   );
+  const bootstrapCalled = react.useRef(false);
   react.useEffect(() => {
     const autoBootstrap = props.autoBootstrap ?? true;
     if (!autoBootstrap) return;
+    if (bootstrapCalled.current) {
+      setIsBootstrapping(false);
+      return;
+    }
+    bootstrapCalled.current = true;
     let cancelled = false;
     async function bootstrap() {
       setIsBootstrapping(true);
@@ -4349,7 +4355,7 @@ function usePasswordToggle() {
 }
 
 // src/index.ts
-var SDK_VERSION = "0.10.2";
+var SDK_VERSION = "0.10.3";
 
 exports.AuthForm = AuthForm;
 exports.AziridProvider = AziridProvider;