From ba822e45d67dc6d45147eb711db51be45ef9ff19 Mon Sep 17 00:00:00 2001
From: Barak Cohen <baaraak0@gmail.com>
Date: Thu, 12 May 2022 09:23:19 +0300
Subject: [PATCH] Update Auth.js

Fixing react warning, Invalid DOM property `for=` to `htmlFor=`
---
 examples/auth/nextjs-auth/components/Auth.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/examples/auth/nextjs-auth/components/Auth.js b/examples/auth/nextjs-auth/components/Auth.js
index 5789c408266..130e06b6b5f 100644
--- a/examples/auth/nextjs-auth/components/Auth.js
+++ b/examples/auth/nextjs-auth/components/Auth.js
@@ -68,7 +68,7 @@ function Auth(props) {
         <>
           <h4>Sign in</h4>
           <form onSubmit={(e) => handleSignIn(e)}>
-            <label for="sign-in__email">Email</label>
+            <label htmlFor="sign-in__email">Email</label>
             <input
               id="sign-in__email"
               label="Email address"
@@ -77,7 +77,7 @@ function Auth(props) {
               defaultValue={email}
               onChange={(e) => setEmail(e.target.value)}
             />
-            <label for="sign-in__password">Password</label>
+            <label htmlFor="sign-in__password">Password</label>
             <input
               id="sign-in__password"
               label="Password"
@@ -98,7 +98,7 @@ function Auth(props) {
         <>
           <h4>Sign up</h4>
           <form onSubmit={(e) => handleSignUp(e)}>
-            <label for="sign-up__email">Email</label>
+            <label htmlFor="sign-up__email">Email</label>
             <input
               id="sign-up__email"
               label="Email address"
@@ -107,7 +107,7 @@ function Auth(props) {
               defaultValue={email}
               onChange={(e) => setEmail(e.target.value)}
             />
-            <label for="sign-up__password">Password</label>
+            <label htmlFor="sign-up__password">Password</label>
             <input
               id="sign-up__password"
               label="Password"
@@ -128,7 +128,7 @@ function Auth(props) {
         <>
           <h4>Forgotten password</h4>
           <form onSubmit={handlePasswordReset}>
-            <label for="forgotten_password__email">Email</label>
+            <label htmlFor="forgotten_password__email">Email</label>
             <input
               id="forgotten_password__email"
               label="Email address"