issue: Append function not passing value into Input Elements nested inside element created with useFieldArray

[Avilaaiops]

Version Number

7.51.4

Codesandbox/Expo snack

https://codesandbox.io/p/sandbox/valuesetbug-wzrq9p

Steps to reproduce

1. Copy a multiline text sequence such as the following:
   Line One
   Line Two
   Line Three
2. Paste this into into the default answer box that appears at the top of the screen. The multiline string should be split into three entries and create three inputs with the data from each line setting the value.
3. Create a new, repeatable container by clicking + Container
4. Create a new answer box by clicking + ContainerAnswer inside of the container card you created in step 3
5. Paste the same data that should still be in your clipboard into the new input that is created in step 4

Expected behaviour

Pasting a multiline string entry triggers the onPaste event hook in the textbox that passes e into the answerPaste function. This splits the multiline string on the\n delimiter and creates a string array with a string for each line. Each string is then passed into an append function for React Hook Form.

This allows a user to copy multiline text from an external source and create a new textbox for each line of text.

In the default textbox that appears at the top of the screen, this works as expected. Input elements are creating and are populated with the content of the multiline text copied.

However, when you create a container and add a textbox to that container, the pasting creates an amount of textboxes equal to the number of lines copied, but their value remains blank.

What browsers are you seeing the problem on?

No response

Relevant log output

Line One
Line Two
Line Three

There is a console.log function showing that the values exist are are being passed to the append function in the `linesArray.forEach` function.

Code of Conduct

• I agree to follow this project's Code of Conduct

[Avilaaiops]

Sandbox was private, updated link