Hydration error when using the Authentication example code

[nickdotht]

I like the Authentication example on the home page and decided to use it to go quicker with the authentication part of my app. But I'm getting the following error after setting it up:

I haven't modified the code and here you can see what line 22 looks like in user-auth-form.tsx:

How to reproduce

1. Check out the Authentication code example
2. Create an auth directory under app with a page.tsx file with the content of the page.tsx file from the example code
3. Create a user-auth-form.tsx file under components with the content of the ./components/user-auth-form.tsx file from the example code
4. If you don't have them yet, add the Input and Label UI components
5. Set up the spinner icon with the Loader2 component from lucide-react in the components/icons.tsx file