Can anybody help me? I'm using next-auth in a form, it should authenticate the user and then redirect him to another page. This works perfectly in development, but in production (deployed on vercel) it does not redirect the user, and if I try accessing any other page, I get redirected to the form with url "callbackUrl=%F2".

Here's a code snippet of the form, with my onSubmit function.

const onSubmit: SubmitHandler<FieldValues> = (data) => {
        setIsLoading(true)

        if (variant === 'register') {
            axios.post('/api/register', data)
                .then(() => signIn('credentials', {
                    ...data,
                    redirect: false
                }))
                .then(callback => {
                    if (callback?.error) {
                        toast.error('Invalid credentials')
                        return
                    }
                    if (callback?.ok) {
                        toast.success('Logged in!')
                        router.push('/conversations')
                    }
                })
                .catch(() => toast.error('Something went wrong!'))
            setIsLoading(false)
        }

        if (variant === 'login') {
            signIn('credentials', {
                ...data,
                redirect: false
            })
                .then(callback => {
                    if (callback?.error) {
                        toast.error('Invalid credentials')
                        return
                    }
                    if (callback?.ok) {
                        toast.success('Logged in!')
                        router.push('/conversations')
                    }
                })
            setIsLoading(false)
        }
    }