Manually triggering a field validation with form.validateField() not working?

useEffect(() => {
  form.validateField('field', 'change')
}, [externalValue])

return (
  <form.Field
    name="field"
    validators={{
      onChange: ({ value }) => {
        if (externalValue < value) return "Error msg"
      }
    }}
    children={() => ...}
   />

const { fieldContext, formContext } = createFormHookContexts()

const { withForm } = createFormHook({
   fieldContext, formContext, fieldComponents: {}, formComponents: {}
})

const Component = withForm({
  defaultValue: { field: 0 },
  props: { externalValue: 0 }
  render: ({ form, externalValue }) => {
   
    useEffect(() => {
      form.validateField('field', 'change')
    }, [externalValue])

    return (
      <form.Field
        name="field"
        validators={{
          onChange: ({ value }) => {
            if (externalValue < value) return "Error msg"
          }
        }}
        children={() => ...}
     />
  )}
})