@better-auth-ui/react 1.6.0 → 1.6.1

package/dist/lib/auth-client.js

@@ -1,5 +1,11 @@
+import { passkeyClient } from "@better-auth/passkey/client";
 import { magicLinkClient, multiSessionClient, usernameClient } from "better-auth/client/plugins";
 import { createAuthClient } from "better-auth/react";
 const authClient = createAuthClient({
-    plugins: [magicLinkClient(), multiSessionClient(), usernameClient()]
+    plugins: [
+        magicLinkClient(),
+        multiSessionClient(),
+        passkeyClient(),
+        usernameClient()
+    ]
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@better-auth-ui/react",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "type": "module",
   "scripts": {
     "build": "tsc",
@@ -33,6 +33,7 @@
     "@types/react": "^19.2.14",
     "@vitejs/plugin-react": "^6.0.1",
     "@vitest/browser-playwright": "^4.1.4",
+    "@better-auth/passkey": "^1.6.4",
     "better-auth": "^1.6.4",
     "clsx": "^2.1.1",
     "playwright": "^1.59.1",
@@ -50,6 +51,7 @@
   "peerDependencies": {
     "@react-email/components": ">=1.0.12",
     "@tanstack/react-query": ">=5.99.0",
+    "@better-auth/passkey": ">=1.6.4",
     "better-auth": ">=1.6.4",
     "clsx": ">=2.0.0",
     "react": ">=19.2.5",
@@ -58,6 +60,11 @@
     "tailwindcss": ">=4.2.2",
     "zod": ">=4.3.0"
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/better-auth-ui/better-auth-ui",
+    "directory": "packages/react"
+  },
   "publishConfig": {
     "access": "public"
   }

package/src/hooks/auth/use-sign-in-email.ts

@@ -1,9 +1,10 @@
 import {
   type AuthClient,
   useAuth,
-  useAuthMutation,
-  useSession
+  useAuthMutation
 } from "@better-auth-ui/react"
+import { useQueryClient } from "@tanstack/react-query"
+
 import type { UseAuthMutationOptions } from "./use-auth-mutation"
 
 export { useAuthMutation } from "./use-auth-mutation"
@@ -20,14 +21,14 @@ export function useSignInEmail(
   options?: UseAuthMutationOptions<AuthClient["signIn"]["email"]>
 ) {
   const { authClient } = useAuth()
-  const { refetch } = useSession({ refetchOnMount: false })
+  const queryClient = useQueryClient()
 
   return useAuthMutation({
     authFn: authClient.signIn.email,
     options: {
       ...options,
       onSuccess: async (...args) => {
-        await refetch()
+        queryClient.resetQueries({ queryKey: ["auth", "getSession"] })
         await options?.onSuccess?.(...args)
       }
     }

package/src/hooks/auth/use-sign-in-passkey.ts

@@ -0,0 +1,34 @@
+import { useQueryClient } from "@tanstack/react-query"
+
+import { useAuth } from "../../components/auth/auth-provider"
+import type { AuthClient } from "../../lib/auth-client"
+import {
+  type UseAuthMutationOptions,
+  useAuthMutation
+} from "./use-auth-mutation"
+
+/**
+ * Hook that creates a mutation for passkey sign-in.
+ *
+ * The mutation sends a passkey sign-in request and
+ * refetches the session on completion.
+ *
+ * @returns The `useMutation` result.
+ */
+export function useSignInPasskey(
+  options?: UseAuthMutationOptions<AuthClient["signIn"]["passkey"]>
+) {
+  const { authClient } = useAuth()
+  const queryClient = useQueryClient()
+
+  return useAuthMutation({
+    authFn: authClient.signIn.passkey,
+    options: {
+      ...options,
+      onSuccess: async (...args) => {
+        queryClient.resetQueries({ queryKey: ["auth", "getSession"] })
+        await options?.onSuccess?.(...args)
+      }
+    }
+  })
+}

package/src/hooks/auth/use-sign-up-email.ts

@@ -1,9 +1,10 @@
 import {
   type AuthClient,
   useAuth,
-  useAuthMutation,
-  useSession
+  useAuthMutation
 } from "@better-auth-ui/react"
+import { useQueryClient } from "@tanstack/react-query"
+
 import type { UseAuthMutationOptions } from "./use-auth-mutation"
 
 export { useAuthMutation } from "./use-auth-mutation"
@@ -20,14 +21,14 @@ export function useSignUpEmail(
   options?: UseAuthMutationOptions<AuthClient["signUp"]["email"]>
 ) {
   const { authClient } = useAuth()
-  const { refetch } = useSession({ refetchOnMount: false })
+  const queryClient = useQueryClient()
 
   return useAuthMutation({
     authFn: authClient.signUp.email,
     options: {
       ...options,
       onSuccess: async (...args) => {
-        await refetch()
+        queryClient.resetQueries({ queryKey: ["auth", "getSession"] })
         await options?.onSuccess?.(...args)
       }
     }

package/src/hooks/settings/use-add-passkey.ts

@@ -0,0 +1,32 @@
+import { useAuth } from "../../components/auth/auth-provider"
+import type { AuthClient } from "../../lib/auth-client"
+import {
+  type UseAuthMutationOptions,
+  useAuthMutation
+} from "../auth/use-auth-mutation"
+import { useListUserPasskeys } from "./use-list-user-passkeys"
+
+/**
+ * Hook that creates a mutation for adding a new passkey.
+ *
+ * Refetches the passkeys list on success.
+ *
+ * @returns The `useMutation` result.
+ */
+export function useAddPasskey(
+  options?: UseAuthMutationOptions<AuthClient["passkey"]["addPasskey"]>
+) {
+  const { authClient } = useAuth()
+  const { refetch } = useListUserPasskeys()
+
+  return useAuthMutation({
+    authFn: authClient.passkey.addPasskey,
+    options: {
+      ...options,
+      onSuccess: async (...args) => {
+        await refetch()
+        await options?.onSuccess?.(...args)
+      }
+    }
+  })
+}

package/src/hooks/settings/use-delete-passkey.ts

@@ -0,0 +1,32 @@
+import { useAuth } from "../../components/auth/auth-provider"
+import type { AuthClient } from "../../lib/auth-client"
+import {
+  type UseAuthMutationOptions,
+  useAuthMutation
+} from "../auth/use-auth-mutation"
+import { useListUserPasskeys } from "./use-list-user-passkeys"
+
+/**
+ * Hook that creates a mutation for deleting a passkey.
+ *
+ * Refetches the passkeys list on success.
+ *
+ * @returns The `useMutation` result.
+ */
+export function useDeletePasskey(
+  options?: UseAuthMutationOptions<AuthClient["passkey"]["deletePasskey"]>
+) {
+  const { authClient } = useAuth()
+  const { refetch } = useListUserPasskeys()
+
+  return useAuthMutation({
+    authFn: authClient.passkey.deletePasskey,
+    options: {
+      ...options,
+      onSuccess: async (...args) => {
+        await refetch()
+        await options?.onSuccess?.(...args)
+      }
+    }
+  })
+}

package/src/hooks/settings/use-list-user-passkeys.ts

@@ -0,0 +1,28 @@
+import { type AuthClient, useAuth, useSession } from "@better-auth-ui/react"
+import { type UseAuthQueryOptions, useAuthQuery } from "../auth/use-auth-query"
+
+/**
+ * Retrieve the passkeys registered for the current user.
+ *
+ * The underlying query is enabled only when session data is available.
+ *
+ * @param options - Optional React Query options to customize the query behavior.
+ * @returns The React Query result for the passkeys list.
+ */
+export function useListUserPasskeys(
+  options?: Partial<
+    UseAuthQueryOptions<AuthClient["passkey"]["listUserPasskeys"]>
+  >
+) {
+  const { authClient } = useAuth()
+  const { data: session } = useSession({ refetchOnMount: false })
+
+  return useAuthQuery({
+    authFn: authClient.passkey.listUserPasskeys,
+    options: {
+      queryKey: ["auth", "listUserPasskeys", session?.user.id],
+      enabled: !!session,
+      ...options
+    }
+  })
+}

package/src/index.ts

@@ -11,18 +11,22 @@ export * from "./hooks/auth/use-send-verification-email"
 export * from "./hooks/auth/use-session"
 export * from "./hooks/auth/use-sign-in-email"
 export * from "./hooks/auth/use-sign-in-magic-link"
+export * from "./hooks/auth/use-sign-in-passkey"
 export * from "./hooks/auth/use-sign-in-social"
 export * from "./hooks/auth/use-sign-out"
 export * from "./hooks/auth/use-sign-up-email"
 export * from "./hooks/auth/use-user"
 export * from "./hooks/settings/use-account-info"
+export * from "./hooks/settings/use-add-passkey"
 export * from "./hooks/settings/use-change-email"
 export * from "./hooks/settings/use-change-password"
+export * from "./hooks/settings/use-delete-passkey"
 export * from "./hooks/settings/use-delete-user"
 export * from "./hooks/settings/use-link-social"
 export * from "./hooks/settings/use-list-accounts"
 export * from "./hooks/settings/use-list-device-sessions"
 export * from "./hooks/settings/use-list-sessions"
+export * from "./hooks/settings/use-list-user-passkeys"
 export * from "./hooks/settings/use-revoke-multi-session"
 export * from "./hooks/settings/use-revoke-session"
 export * from "./hooks/settings/use-set-active-session"

package/src/lib/auth-client.ts

@@ -1,3 +1,4 @@
+import { passkeyClient } from "@better-auth/passkey/client"
 import {
   magicLinkClient,
   multiSessionClient,
@@ -17,7 +18,12 @@ export type { PathToObject } from "better-auth/client"
 export type AnyAuthClient = Omit<ReturnType<typeof createAuthClient>, "signUp">
 
 const authClient = createAuthClient({
-  plugins: [magicLinkClient(), multiSessionClient(), usernameClient()]
+  plugins: [
+    magicLinkClient(),
+    multiSessionClient(),
+    passkeyClient(),
+    usernameClient()
+  ]
 })
 
 /**

package/dist/hooks/auth/use-forgot-password.d.ts

@@ -1,20 +0,0 @@
-import { type AuthClient } from "@better-auth-ui/react";
-import type { UseAuthMutationOptions } from "./use-auth-mutation";
-export { useAuthMutation } from "./use-auth-mutation";
-/**
- * Hook that creates a mutation for the forgot-password flow.
- *
- * The mutation sends a password reset request for the submitted email,
- * and navigates to the sign-in view on success.
- *
- * @returns The `useMutation` result.
- */
-export declare function useRequestPasswordReset(options?: UseAuthMutationOptions<AuthClient["requestPasswordReset"]>): import("@tanstack/react-query").UseMutationResult<any, import("better-auth/react").BetterFetchError, Omit<import("better-auth").Prettify<{
-    email: string;
-    redirectTo?: string | undefined;
-} & {
-    fetchOptions?: import("better-auth").ClientFetchOption<Partial<{
-        email: string;
-        redirectTo?: string | undefined;
-    }> & Record<string, any>, Partial<Record<string, any>> & Record<string, any>, Record<string, any> | undefined> | undefined;
-}>, "fetchOptions">>;

package/dist/hooks/auth/use-forgot-password.js

@@ -1,14 +0,0 @@
-import { useAuth, useAuthMutation } from "@better-auth-ui/react";
-export { useAuthMutation } from "./use-auth-mutation";
-/**
- * Hook that creates a mutation for the forgot-password flow.
- *
- * The mutation sends a password reset request for the submitted email,
- * and navigates to the sign-in view on success.
- *
- * @returns The `useMutation` result.
- */
-export function useRequestPasswordReset(options) {
-    const { authClient } = useAuth();
-    return useAuthMutation(authClient.requestPasswordReset, options);
-}

package/dist/hooks/use-hydrated.d.ts

@@ -1,6 +0,0 @@
-/**
- * Indicates whether the current rendering context is hydrated (client-side).
- *
- * @returns `true` when running on the client (hydrated), `false` when rendering on the server
- */
-export declare function useHydrated(): boolean;

package/dist/hooks/use-hydrated.js

@@ -1,18 +0,0 @@
-"use client";
-import { useSyncExternalStore } from "react";
-/**
- * Indicates whether the current rendering context is hydrated (client-side).
- *
- * @returns `true` when running on the client (hydrated), `false` when rendering on the server
- */
-export function useHydrated() {
-    return useSyncExternalStore(subscribe, () => true, () => false);
-}
-/**
- * Create a subscription handler that does nothing and returns a no-op cleanup.
- *
- * @returns A cleanup function that performs no action when invoked.
- */
-function subscribe() {
-    return () => { };
-}

package/dist/lib/auth-hook-options.d.ts

@@ -1,8 +0,0 @@
-import type { AuthError } from "@better-auth-ui/core";
-/**
- * Common options for auth hooks.
- */
-export interface AuthHookOptions {
-    onError?: (error: AuthError) => unknown | Promise<unknown>;
-    onSuccess?: () => unknown | Promise<unknown>;
-}

package/dist/lib/auth-hook-options.js

@@ -1 +0,0 @@
-export {};