Next.js Discord

Discord Forum

Next navigation/redirect error

Answered
Doberman Pinscher posted this in #help-forum
Open in Discord
Doberman PinscherOP
whenever i submit my form i get an error

Unhandled Runtime Error
Error: NEXT_REDIRECT

    const onSubmit = async (credentials: UserLoginType) => {
        const loginToast = toast.loading('Авторизация...')
        const response = await fetch('/api/auth/login', {
            method: 'POST',
            body: JSON.stringify({
                email: credentials.email,
                password: credentials.password,
            }),
            headers: { 'Content-Type': 'application/json' },
        })

        const result = await response.json()
        console.log(result)
        if (!response.ok) {
            toast.update(loginToast, {
                render: result.detail,
                type: 'error',
                isLoading: false,
                autoClose: 3000,
            })
            return null
        }
        toast.update(loginToast, {
            render: result.message,
            type: 'success',
            isLoading: false,
            autoClose: 3000,
        })
        redirect('/')
    }
Answered by fuma
const router = useRouter()
router.push(“/path”)
View full answer

3 Replies

You can’t use redirect in client components, consider using router.push instead.
const router = useRouter()
router.push(“/path”)
Answer