How to handle login failed error in NextAuth.js?

by

When passing redirect: false to its options, signIn will return a Promise that only in email and credentials provider types resolves to an object with the following format.

{
    error: string | undefined // Error code based on the type of error
    status: number // HTTP status code
    ok: boolean // `true` if the signin was successful
    url: string | null // `null` if there was an error, otherwise URL to redirected to
}

You have to handle any errors inside the then block, as it won’t throw an error.

signIn("credentials", { ...values, redirect: false })
    .then(({ ok, error }) => {
        if (ok) {
            router.push("/dashboard");
        } else {
            console.log(error)
            toast("Credentials do not match!", { type: "error" });
        }
    })

More Related Contents:

  1. Why am I getting ReferenceError: self is not defined when I import a client-side library?
  2. Warning: Text content did not match. Server: “I’m out” Client: “I’m in” div
  3. How to access files uploaded to the public folder in Next.js?
  4. Can’t import SVG into Next.js
  5. NextJS environment variables aren’t working
  6. Next.js – Error: only absolute urls are supported
  7. Target Active Link when the route is active in Next.js
  8. Nextjs: Unable to load images from static folder
  9. Display Info Window on the multiple coordinates on the arcgis map in Next JS
  10. next-redux-wrapper TypeError: nextCallback is not a function error in wrapper.getServerSideProps
  11. How to setup i18n translated URL routes in Next.js?
  12. NextJs CORS issue
  13. How does the revalidate process in Incremental Static Regeneration work?
  14. How to type a page component with props in Next.js?
  15. How to hash CSS class names in Nextjs?
  16. Persistent navigation in a NextJs _app
  17. Dynamically build classnames in TailwindCss
  18. How to dynamically import non-React client side libraries in Next.js?
  19. Warning: Prop `className` did not match. when using styled components with semantic-ui-react
  20. Loading Screen on Next.js page transition
  21. Next.js router is returning query parameters as undefined on first render?
  22. How to detect window size in Next.js SSR using react hook?
  23. Unable to load images from static folder
  24. Get URL pathname in nextjs
  25. Next Image not taking class properties
  26. We simply cannot write “ in ReactJS?
  27. How to resolve “Cannot use import statement outside a module” in jest
  28. Hide keyboard in react-native
  29. useNavigate() may be used only in the context of a component
  30. Access to fetch at https://accounts.google.com/o/oauth2/v2/auth has been blocked by CORS

Leave a Comment