Merge branch 'main' into cohesive-types

Author: bonimba

docs/api/formik.md

@@ -275,7 +275,7 @@ const ContactForm = ({
 );
 ```
 
-**Warning:** `<Formik component>` takes precendence over `<Formik render>` so
+**Warning:** `<Formik component>` takes precedence over `<Formik render>` so
 don’t use both in the same `<Formik>`.
 
 ### `render: (props: FormikProps<Values>) => ReactNode`

examples/with-material-ui/index.js

@@ -38,6 +38,7 @@ const WithMaterialUI = () => {
           label="Email"
           value={formik.values.email}
           onChange={formik.handleChange}
+          onBlur={formik.handleBlur}
           error={formik.touched.email && Boolean(formik.errors.email)}
           helperText={formik.touched.email && formik.errors.email}
         />
@@ -49,6 +50,7 @@ const WithMaterialUI = () => {
           type="password"
           value={formik.values.password}
           onChange={formik.handleChange}
+          onBlur={formik.handleBlur}
           error={formik.touched.password && Boolean(formik.errors.password)}
           helperText={formik.touched.password && formik.errors.password}
         />