How to check if a field is validated

Is your feature request related to a problem? Please describe. https://github.com/react-hook-form/react-hook-form/discussions/2633

Describe the solution you’d like https://github.com/react-hook-form/react-hook-form/discussions/2633

Describe alternatives you’ve considered

Copy-paste the code:

export function isFieldValid<T extends FieldValues>(field: keyof T, form?: UseFormMethods<T>) {
  return form.formState?.dirtyFields[field] && !form.formState?.errors[field];
}

Example usage:

import { useFormContext } from 'react-hook-form';
import { isFieldValid } from '@/helpers/react-hook-form';

export function EmailInput() {
  const form = useFormContext();
  const isValid = isFieldValid('email', form);
  return (
    <div>
       ...
    </div>
  );
}

[bluebill1049]

proposal:

<Controller 
  render={(props, { isDirty, isValid, error, isTouched } ) => {
    console.log(state)
  }}
/>

[yordis]

Personally, I don’t think that most people will understand the way you manage issues, also, I don’t the way to upvote, I am a bit confused about what I suppose to do thou.

I would recommend leveraging Projects and Issues at the same time because it is hard to follow the project management done this way.

That being said, it is your project, and I am grateful for your amazing work regardless of how you are handling the at the moment.