manually set form or error

lib/index.ts

@@ -93,5 +93,5 @@ export const useForm = <T, U extends { [key in keyof T]: useFormValidatorParamet
     [opts.setter || options.setter || 'value']: form[key] as any,
   })
 
-  return { form, update, field, errors, isValid }
+  return { form, update, field, errors, isValid, setForm, setErrors }
 }

test/test.tsx

@@ -5,15 +5,15 @@ import { useForm } from '../'
 
 const TextError: React.FC<{ error?: string }> = ({ error }) => (!error ? null : <div className="has-text-danger">{error}</div>)
 
-const Index: React.FC = () => {
-  const { field, form, errors, isValid } = useForm(
-    {
+const initial = {
   username: '',
   password: '',
   type: 'formhero',
   awesome: true,
-    },
-    {
+}
+
+const Index: React.FC = () => {
+  const { field, form, errors, isValid, setForm, setErrors } = useForm(initial, {
     username: [
       /^test/,
       {
@@ -28,14 +28,23 @@ const Index: React.FC = () => {
       message: 'To short',
     },
     awesome: value => !!value,
-    }
-  )
+  })
 
   const _submit = (e: React.FormEvent) => {
     e.preventDefault()
     console.log(form, errors, isValid)
   }
 
+  const reset = () => {
+    setForm(initial)
+  }
+
+  const error = () => {
+    setErrors({
+      username: 'nope',
+    })
+  }
+
   return (
     <div>
       <form onSubmit={_submit}>
@@ -81,12 +90,21 @@ const Index: React.FC = () => {
         <button className="button" type="submit">
           Go 🚀
         </button>
+
+        <br />
+        <br />
+        <button className="button" onClick={reset}>
+          Reset 🔥
+        </button>
+
+        <br />
+        <br />
+        <button className="button" onClick={error}>
+          Set Error ❌
+        </button>
       </form>
     </div>
   )
 }
 
 ReactDOM.render(<Index />, document.getElementById('root'))
-
-// @ts-ignore
-// if (module.hot) module.hot.accept()