Only watch inputs if onChange is defined

Author: alcar

src/components/FormContext.tsx

@@ -37,12 +37,12 @@ export const FormContext: FC<FormContextProps> = props => {
 
   const isFirstRender = React.useRef(true)
 
-  const watchedInputs = methods.watch()
+  if (typeof onChange === 'function') {
+    const watchedInputs = methods.watch()
 
-  if (isFirstRender.current === true) {
-    isFirstRender.current = false
-  } else if (typeof onChange === 'function') {
-    onChange(getObjectFromForm(props.schema, watchedInputs))
+    if (isFirstRender.current === false) {
+      onChange(getObjectFromForm(props.schema, watchedInputs))
+    }
   }
 
   const idMap = useMemo(() => getIdSchemaPairs(props.schema), [props.schema])
@@ -78,6 +78,10 @@ export const FormContext: FC<FormContextProps> = props => {
     formProps.noValidate = props.noNativeValidate
   }
 
+  if (isFirstRender.current === true) {
+    isFirstRender.current = false
+  }
+
   return (
     <InternalFormContext.Provider value={formContext}>
       <form {...formProps}>{props.children}</form>