inai-react-sdk

Use the InAIAuthProvider to wrap your React app, enabling client-side authentication and session hydration. This approach manages interactive login flows and session state directly in the browser without server duplication.

Implement role-based access control and MFA in React using pre-built components like Protect and PermissionGate alongside hooks such as useAuth. This setup handles RBAC rendering and multi-factor authentication flows client-side.

Yes, you can use React authentication hooks in Astro islands. The client-only auth approach relies on the auth_session cookie for hydration, allowing you to apply login flows and session persistence across React islands within Astro pages.

Yes, you need React version 18 or higher for client-side session management. The authentication SDK requires React >= 18 to properly hydrate auth state using the auth_session cookie and manage UI components.

The best way to manage session persistence across React pages is using the useSession hook with the InAIAuthProvider. This maintains client-only auth state via the auth_session cookie during hydration across your application.

Client-side authentication requires the auth_session cookie to properly hydrate the auth state during initial page load. This ensures the React provider can securely restore user sessions and render protected components without server calls.