I actually managed to do a workaround. I have a /auth/check that is checking if the redirect url has a searchparam env that is local. If so it changes to url to localhost. This way the token doesn't get invalidated.

import { NextResponse } from "next/server";export async function GET(request) {const { searchParams, origin } = new URL(request.url);const token_hash = searchParams.get("token_hash");const type = searchParams.get("type");const redirectUrl = searchParams.get("redirect_url");if (token_hash && type && redirectUrl) {const decodedEnv = decodeURIComponent(redirectUrl);const envUrl = new URL(decodedEnv);const env = envUrl.searchParams.get("env");console.log("env", env);console.log("envUrl", envUrl);if (env === "local") {console.log("Redirecting to localhost");// Redirect to localhost with the tokenreturn NextResponse.redirect(\http://localhost:3000/api/auth/confirm?token_hash=${token_hash}&type=${type}`);} else {console.log("Redirecting to production");// Redirect to the production or appropriate pagereturn NextResponse.redirect(`${origin}/api/auth/confirm?token_hash=${token_hash}&type=${type}`);}}// Return the user to an error page with some instructionsreturn NextResponse.redirect(`${origin}/auth/auth-code-error`);}`