fix(conditional): use render instead of onChange to have access to form

src/Form.js

@@ -7,17 +7,15 @@ const defaultMutators = {
     clear,
 }
 
-export const Form = ({ children, mutators, ...props }) => {
+export const Form = ({ mutators, ...props }) => {
     return (
         <RFFForm
             {...props}
             mutators={{
                 ...defaultMutators,
                 ...mutators,
             }}
-        >
-            {children}
-        </RFFForm>
+        />
     )
 }
 

src/conditional.js

@@ -8,10 +8,14 @@ export const conditional = Input => {
             {condition && <Input {...props} />}
 
             <FormSpy
-                onChange={({ form }) => {
+                render={({ form, values }) => {
+                    if (!form.mutators.clear) return <Fragment />
+
                     if (!condition && values[props.name]) {
                         form.mutators.clear(props.name)
                     }
+
+                    return <Fragment />
                 }}
             />
         </Fragment>

src/locales/en/translations.json

@@ -1,3 +1,4 @@
 {
-    "Required": ""
+    "Required": "",
+    "Not a valid e-mail": ""
 }