update react-hook-form column in comparision table

[AhmedBaset]

It's better to review this in unified mode with wide screen or scale down

[tannerlinsley]

Do we actually know that hook form is fully inferred all the way down to nested and deep fields?

[AhmedBaset]

If I could put a tooltip here, I'd say while it suppors nested arrays but useFeildArray supports one level nesting

[tannerlinsley]

You can use a *(1) callout with a corresponding footnote

[AhmedBaset]

I initially thought it was unsupported, but after rechecking the documentation, it appears to be a TypeScript issue.

for nested field array, you will have to cast the field array by its name.

const { fields } = useFieldArray({ name: `test.${index}.keyValue` as 'test.0.keyValue' });

https://react-hook-form.com/docs/usefieldarray

[crutchcorn]

Let's add the *(1) callout here, then I'm okay to merge this :)

[AhmedBaset]

Is it still needed after 👇?

I initially thought it was unsupported, but after rechecking the documentation, it appears to be a TypeScript issue.

for nested field array, you will have to cast the field array by its name.

const { fields } = useFieldArray({ name: `test.${index}.keyValue` as 'test.0.keyValue' });

https://react-hook-form.com/docs/usefieldarray

[crutchcorn]

That's the * I'm hoping for - type casting is an obtuse way of supporting this that we don't require

[AhmedBaset]

See 99a07ff (#673)

BTW, feel free to edit it yourself

[AhmedBaset]

Do we actually know that hook form is fully inferred all the way down to nested and deep fields?

Yeah. When you pass a generic it infer everything from it:

const form = useForm<FormType>({
  // all props here infer FormType
});
//       ^? UseFormReturn<FormType>

all method and values of form are type safe

[tannerlinsley]

Generic casting isn’t ideal. How does it do with actual inference?

[AhmedBaset]

one trade of is with arrays:

let's say you have

interface FormType {
  array: { key: string }[]
}

The way you access the key is by "array.0.key". It won't suggest you this but it will error if you didn't follow the shape. In other words array.whatever.key will case a TS error. But Ctrl+space will not suggest array.0.key.

[AhmedBaset]

Generic casting isn’t ideal. How does it do with actual inference?

form.trigger("c") is TS error

[AhmedBaset]

const { name, onChange, onBlur, ref } = form.register("a", {
    validate: async (value, _formValues) => {
      await new Promise((resolve) => setTimeout(resolve, 1000));
      return value === "error" ? "error message" : undefined /* or true */;
    },
  });

[crutchcorn]

Thanks for this!