Hi folks,

The Next.js App Router documentation for Authentication suggests using useFormState and useFormStatus from react-dom, found here: https://nextjs.org/docs/app/building-your-application/authentication under the app/login/page.tsx example snippet.

I don't do much React.js or Next.js myself, so maybe I'm misunderstanding quite severely, but an intern I am working with is trying to set up auth in a Next.js 14.0.3 app using App Router and found that useFormState and useFormStatus are actually still only available in experimental or canary builds of React.js as of 18.2.0 (which we are using).

See: https://react.dev/reference/react-dom/hooks/useFormState

Is this simply due to Next.js App Router being very new still? Or is this perhaps a mistake in the documentation?

In any case, we would not like to use Experimental or Canary in our app, we would like to keep it stable if possible. What should I advise my intern to do, instead of using these hooks? Should he just track state manually instead?

Note that he is also looking to use NextAuth.js if that changes anything - he is quite green to React.js and so am I as I don't spend a lot of time programming anymore, mostly just doing project management and DevOps stuff.

Open to any ideas and willing to give more information if needed - just slightly confused about these docs and looking for a hand, thanks in advance.