Hey Guys, new here.

Im following a tutorial about NextJS 13 and Zustand and im having a bit of trouble understanding, im hoping someone could help me out. I want to show a email verification message once a successful register is submitted

I have a register form that uses react-hook-form when submitting the form the onsubmit function looks like so;

async function onSubmit(user) {
    await userService.register(user)

    setRegistrationSuccess(true)
}

My userService.register function looks like this;

register: async (user) => {
    alertService.clear()

    try {
        await fetch.post('/api/authentication/register', user)
    } catch (error) {
        alertService.error(error)
    }
}

The alertService is using Zustand.

When i hit submit, it registers the user successfully with the API, so thats all good, but if an error comes back from the API, for instance a 422 validation error, it still sets the setRegistrationSuccess to true and shows the email verification message. If i remove that line, then it shows the validation errors successfully.

I cant figure out a way to only set the setRegistrationSuccess when the response is 200