Handle form errors correctly in a Next.js app built with the app router
By default, all components in the Next.js app router are React Server Components (RSC), designed to offer superior user experiences. However, using a form as an RSC can make it worse. In this article, I've documented how this is so and how you can make it better by not using a form as an RSC.