How can I get an error in my methods ?

[SamoylenkoAA]

I get an empty object with errors

const footerActions = useMemo(() => (
    <Button
      type='submit'
      title='next'
      onClick={handleSubmit(onSubmitCallback, () => handleError(method.formState.errors))}
    >
      Next
    </Button>
  ), [handleSubmit, onSubmitCallback, method])

[Moshyfawn]

formState is a Proxy object for performance reasons. Please refer to the formState Rules section of the documentation to learn more about its usage.

[SamoylenkoAA]

So it is impossible to get an object with errors except for tracking in useEffect ?

[Moshyfawn]

To subscribe your component to the errors state changes, you should use destructuring to get the object.

const { errors } = methods.formState

[SamoylenkoAA]

const submitingHandler = useCallback(() => {
    const { errors } = formMethods.formState

    console.log(errors) //empty

   ...
  }, [formMethods])