Repository navigation
useField returns an empty string on the first render for a newly added array item #1093
Description
Activity
I debugged the useField hook and found that during state initialization, the variable
const existingFieldState = form.getFieldState(name as keyof FormValues)is undefined.If I log both values:
console.log(existingFieldState, form.getState().values.list[0])I get:
undefined { id: 0, title: 0 }So the value actually exists in the form state, but form.getFieldState does not return it.
Made a PR to this issue.
https://github.com/final-form/react-final-form/pull/1094/changes
Description
After upgrading to newer versions of react-final-form/final-form,
useField()returns an empty string on the first render for a newly added item inside an array value.The form values already contain the correct object, but the field hook initially returns "" for the new nested field path. On the next render, it returns the correct value.
This is a regression compared to older versions, where
useField('list.*')returned the actual value from form state immediately on the first render.Steps to reproduce
https://codesandbox.io/p/sandbox/awesome-jepsen-dh35dp
Everything ok, the first render returns the value.
Not ok, the first render is empty.
Maybe related:
#1050