"signInWithOtp" doesn't send magiclink email template, instead send confirm signup template

[ritiksharmarj]

I'm using Next.js with Supabase/SSR and implementing Magiclink from https://supabase.com/docs/guides/auth/auth-email-passwordless, but "signInWithOtp" doesn't send the Magiclink email template. I don't understand if there is a bug or if I'm missing something.

auth actions file -

"use server";

import { z } from "zod";
import { MagicLinkFormSchema } from "@/lib/zod/schemas/auth";
import { getURL } from "@/lib/utils";
import { supabaseServerClient } from "@/lib/supabase/server";

export const signInWithMagicLink = async (
  values: z.infer<typeof MagicLinkFormSchema>
) => {
  const supabase = supabaseServerClient();

  try {
    const validatedFields = MagicLinkFormSchema.safeParse(values);
    if (!validatedFields.success) throw new Error("Invalid email address.");

    const { data, error } = await supabase.auth.signInWithOtp({
      email: validatedFields.data.email,
      options: {
        emailRedirectTo: getURL("/auth/confirm"),
        shouldCreateUser: true
      }
    });

    console.log(error);
    if (error) throw new Error("You could not be signed in.");

    return data.user;
  } catch (error: any) {
    throw new Error(error);
  }
};

auth confirm route file -

import { ROUTES } from "@/lib/constants/routes";
import { supabaseServerClient } from "@/lib/supabase/server";
import { type EmailOtpType } from "@supabase/supabase-js";
import { NextRequest, NextResponse } from "next/server";

export async function GET(req: NextRequest) {
  const supabase = supabaseServerClient();

  const { searchParams } = new URL(req.url);
  const hashToken = searchParams.get("token");
  const type = searchParams.get("type") as EmailOtpType | null;

  if (hashToken && type) {
    const { error } = await supabase.auth.verifyOtp({
      type,
      token_hash: hashToken
    });

    if (!error) {
      return NextResponse.redirect(new URL(ROUTES.CREATE, req.nextUrl.origin));
    }
  }

  return NextResponse.redirect(new URL(ROUTES.LOGIN, req.nextUrl.origin));
}

Here is the magic link email template -

<p><a href="{{ .SiteURL }}/auth/confirm?token={{ .TokenHash }}&type=magiclink">Log In</a></p>

[GaryAustin1]

If the user does not exist then it will use the signup template I believe. You have shouldCreateUser flag true (default).

[ritiksharmarj]

Got it, thanks.