How to avoid page load when verifying email with NextAuth

Hi,

I'm new to the T3 stack and web dev as a whole, and as the title implies, I'm trying to stay on the same page without reloading it when calling NextAuth's signIn() method with the Email provider. In a settings page, the user can change their e-mail but must verify it by pressing a button. The button handler is calling NextAuth's signIn() as shown below

async function handleVerification(providerId: string) {
    await signIn(providerId, { email: user?.email, redirect: false });
    setVerifyState("Sent");
  }

async function handleVerification(providerId: string) {
    await signIn(providerId, { email: user?.email, redirect: false });
    setVerifyState("Sent");
  }

All I want is for the user to be sent the e-mail that the default Email sign in sends when they click the button, and I thought

redirect:false

redirect:false

would do the job, but it doesn't. How should I proceed?

Thanks in advance

rbatsenko•3/21/23, 10:40 AM

It works normally for me

Did you setup the DB adapter?

rbatsenko•3/21/23, 10:41 AM

rbatsenko•3/21/23, 10:43 AM

pedromcrOP•3/21/23, 10:59 AM

I did set it up

pedromcrOP•3/21/23, 10:59 AM

if I try to handle the button directly onClick I get this:

pedromcrOP•3/21/23, 11:03 AM

But yeah you're right, it works, I get the email and I don't have a page reload... but I don't want to disable TS rules

rbatsenko•3/21/23, 11:09 AM

You don't need to assign the response I think, just this should work:

rbatsenko•3/21/23, 11:10 AM

Idk what is this promise-returning error, I don't have it

pedromcrOP•3/21/23, 11:10 AM

even then I get it

rbatsenko•3/21/23, 11:11 AM

You can make it IIFE or disable the rule

pedromcrOP•3/21/23, 11:11 AM

I'm on and

rbatsenko•3/21/23, 11:12 AM

https://stackoverflow.com/questions/72149756/async-function-passed-as-prop-into-react-component-causing-typescript-eslint-no

Stack Overflow

Async function passed as prop into React component causing @typescr...

I have the following asynchronous submitNewPatient function which is throwing @typescript-eslint/no-misused-promises error message from elint. Is it possible to adjust the function such that it rem...

pedromcrOP•3/21/23, 11:14 AM

ohhh, cool! Been adding void returns everywhere for no reason... thank you very much for helping, appreciate it