typo

Author: carlrip

Chapter7/controlled-fields/src/ContactPage.tsx

@@ -44,7 +44,7 @@ export function ContactPage() {
           />
         </div>
         <div className={fieldStyle}>
-          <label htmlFor="reaon">Reason you need to contact us</label>
+          <label htmlFor="reason">Reason you need to contact us</label>
           <select
             id="reason"
             value={contact.reason}

Chapter7/native-validation/src/ContactPage.tsx

@@ -24,7 +24,7 @@ export function ContactPage() {
           <input type="email" id="email" name="email" required pattern="\S+@\S+\.\S+" />
         </div>
         <div className={fieldStyle}>
-          <label htmlFor="reaon">Reason you need to contact us</label>
+          <label htmlFor="reason">Reason you need to contact us</label>
           <select id="reason" name="reason" required>
             <option value=""></option>
             <option value="Support">Support</option>

Chapter7/react-router-form/src/ContactPage.tsx

@@ -24,7 +24,7 @@ export function ContactPage() {
           <input type="email" id="email" name="email" />
         </div>
         <div className={fieldStyle}>
-          <label htmlFor="reaon">Reason you need to contact us</label>
+          <label htmlFor="reason">Reason you need to contact us</label>
           <select id="reason" name="reason">
             <option value=""></option>
             <option value="Support">Support</option>

Chapter7/uncontrolled-fields/src/ContactPage.tsx

@@ -36,7 +36,7 @@ export function ContactPage() {
           <input type="email" id="email" name="email" />
         </div>
         <div className={fieldStyle}>
-          <label htmlFor="reaon">Reason you need to contact us</label>
+          <label htmlFor="reason">Reason you need to contact us</label>
           <select id="reason" name="reason">
             <option value=""></option>
             <option value="Support">Support</option>