chore: pr comments

Author: harry-whorlow

docs/framework/react/guides/form-composition.md

@@ -208,15 +208,15 @@ export function CustomTextField({ label }: { label: string }) {
 
 ```tsx AppForm.tsx
 // notice the same import as above
-import ProfileForm from 'Weyland-Yutan-corp/forms'
+import ProfileForm from 'weyland-yutan-corp/forms'
 
 import { CustomTextField } from './FieldComponents/CustomTextField'
-import { CustomSubmit } from './FormComponents/CustomSubmit'
+import { SubmitButton } from './FormComponents/SubmitButton'
 
 export const { useAppForm } = ProfileForm.extendForm({
   fieldComponents: { CustomTextField },
   // Ts will error since the parent appForm already has a component called CustomSubmit
-  formComponents: { CustomSubmit },
+  formComponents: { SubmitButton },
 })
 ```
 

examples/react/composition/src/AppForm/FieldComponents/TextField.tsx

@@ -9,6 +9,7 @@ export function TextField({ label }: { label: string }) {
       <input
         value={field.state.value}
         onChange={(e) => field.handleChange(e.target.value)}
+        onBlur={() => field.handleBlur()}
       />
 
       <>

examples/react/composition/src/index.tsx

@@ -48,7 +48,7 @@ export default function App() {
             },
           }}
         >
-          {(f) => <f.TextField label="last name" />}
+          {(f) => <f.TextField label="first name" />}
         </form.AppField>
 
         <form.AppField name="lastName">