Auth Provider

1import {
2  AuthProvider as AuthProviderPrimitive,
3  type AuthProviderProps
4} from "@better-auth-ui/react"
5import type {
6  ComponentPropsWithoutRef,
7  ComponentType,
8  PropsWithChildren,
9  ReactNode
10} from "react"
11 
12import { ErrorToaster } from "./error-toaster"
13 
14declare module "@better-auth-ui/core" {
15  interface AuthConfig {
16    /**
17     * React component used to render internal navigation links.
18     * Typically TanStack Router's `Link` or Next.js's `Link`.
19     */
20    Link: ComponentType<
21      PropsWithChildren<
22        { className?: string; href: string; to?: string } & Pick<
23          ComponentPropsWithoutRef<"a">,
24          "aria-disabled" | "tabIndex" | "onClick"
25        >
26      >
27    >
28  }
29 
30  /** Widen `AdditionalField.label` to `ReactNode` in the shadcn package. */
31  interface AdditionalFieldRegister {
32    label: ReactNode
33  }
34}
35 
36/**
37 * Provides an authentication context by rendering an auth provider with the sonner toast handler injected, forwarding remaining configuration and rendering `children` inside it.
38 *
39 * @param children - React nodes to render inside the authentication provider
40 * @returns A React element that renders an authentication provider configured with the provided props and toast handler
41 */
42export function AuthProvider({ children, ...config }: AuthProviderProps) {
43  return (
44    <AuthProviderPrimitive {...config}>
45      {children}
46 
47      <ErrorToaster />
48    </AuthProviderPrimitive>
49  )
50}