From da25bdede82ec5ca650902f659bbbc35f0501ff5 Mon Sep 17 00:00:00 2001
From: henrichkoszegi <henrich.koszegi@gmail.com>
Date: Mon, 12 Feb 2024 13:12:11 +0100
Subject: [PATCH] Fixed the React example under the "Displaying errors" section

Fixed the React example under the "Displaying errors" section, by applying the `htmlFor` attribute on the `label` elements.
---
 resources/js/Pages/validation.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/js/Pages/validation.jsx b/resources/js/Pages/validation.jsx
index af44f688..26d66ab2 100644
--- a/resources/js/Pages/validation.jsx
+++ b/resources/js/Pages/validation.jsx
@@ -166,13 +166,13 @@ export default function () {
 
                 return (
                   <form onSubmit={handleSubmit}>
-                    <label for="first_name">First name:</label>
+                    <label htmlFor="first_name">First name:</label>
                     <input id="first_name" value={values.first_name} onChange={handleChange} />
                     {errors.first_name && <div>{errors.first_name}</div>}
-                    <label for="last_name">Last name:</label>
+                    <label htmlFor="last_name">Last name:</label>
                     <input id="last_name" value={values.last_name} onChange={handleChange} />
                     {errors.last_name && <div>{errors.last_name}</div>}
-                    <label for="email">Email:</label>
+                    <label htmlFor="email">Email:</label>
                     <input id="email" value={values.email} onChange={handleChange} />
                     {errors.email && <div>{errors.email}</div>}
                     <button type="submit">Submit</button>