BETTER-AUTH. UI
Mutations

useSignInMagicLink

Send a magic-link sign-in email.

The session is established when the user clicks the emailed link, so no session-cache side effects run here.

Usage

import {
  type MagicLinkAuthClient,
  useAuth,
  useSignInMagicLink
} from "@better-auth-ui/react"

const { authClient } = useAuth()
const { mutate: signInMagicLink } = useSignInMagicLink(
  authClient as MagicLinkAuthClient
)

signInMagicLink({
  email: "[email protected]",
  callbackURL: "/dashboard"
})

useSignInMagicLink requires the Better Auth magicLink plugin. Cast authClient to MagicLinkAuthClient so TypeScript picks up the plugin-extended method signature.

Options factory

import { signInMagicLinkOptions } from "@better-auth-ui/react"
import { useMutation } from "@tanstack/react-query"

const { mutate } = useMutation(signInMagicLinkOptions(authClient))

Params

Last updated on

On this page