Issue: Using "update()" with useFieldArray isn't working

[douglasrcjames]

Version Number

Local project: "react-hook-form": "^7.44.3", Codepen: 7.4.1

Codesandbox/Expo snack

https://codesandbox.io/s/happy-bush-9w5ytf?file=/src/App.tsx

Steps to reproduce

When using the update() function for a useFieldArray, Typescript is giving an error that update() doesnt exist. Confused on the usage since I use to use the update function as below, but now on a new project this usage is giving a type error, however it seems to be working on my test environment! How do we use the update function to add/remove fields appropriately? Maybe I am using it wrong, but the docs seem to outline the update function as available for use, but on my codepen it looks like I am getting an error (that is different from my local project) that update isnt available!

Expected behaviour

Expected to be able to use update() function useFieldArray to change the field at said index as the docs outline!

What browsers are you seeing the problem on?

Chrome

Relevant log output

On my local project:

Expected 2 arguments, but got 0.ts(2554)
fieldArray.d.ts(164, 155): An argument for 'index' was not provided.

On the attached codepen:

Property 'update' does not exist on type 'UseFieldArrayReturn<FormValues, "test", "id">'.

### Code of Conduct

- [X] I agree to follow this project's Code of Conduct

[leapful]

@douglasrcjames

The root cause is from mismatch version of typescript inside your project and react-hook-form. Please upgrade to the latest react-hook-form to use with typescript version >= 5 or downgrade your project typescript version to 4.2.3 to stick with react-hook-form 7.4.1 .

[douglasrcjames]

Issue persists after updating react-hook-form to ^7.45.2 and Typescript is at ^5.1.6. Updated the codepen attached.
https://codesandbox.io/s/happy-bush-9w5ytf?file=/src/App.tsx

Also deleted node_modules and reinstalled. Reset Typescript server as well.

Any other suggestions?

[leapful]

@douglasrcjames

The new codesandbox url is working fine on my side. Did you mean that the problem only persists on your local development ? If so, could you please help to check node_modules to see exact version of typescript ? Some projects might use resolution might to fix the version from package.json.

[douglasrcjames]

The code has been working yes, but Typescript is throwing an error, see below on the CodeSandbox with updated RHF and typescript versions, erroring on "update()" being called with no arguments (same as my local environment):

[leapful]

@douglasrcjames

Method update from useFieldArray hook was never been called without parameters.

Reference: https://github.com/react-hook-form/react-hook-form/releases/tag/v7.11.0

[douglasrcjames]

Ahh yes, well these are pains from moving from JS to TS lol. I was using it previously with no params and it was working fine in JS! Thanks taking the time to clarify that with me 😄