Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix ArrayInput issue with initialValue #6932

Merged
merged 3 commits into from
Dec 7, 2021

Conversation

djhi
Copy link
Collaborator

@djhi djhi commented Dec 3, 2021

This issue happens because of how final-form handles the initialValue prop. It takes precedence over the form level initialValue that we set to the record when editing one. However, as ArrayInput dynamically adds new final-form fields, their initialValue overrides the value they got from the form.

The solution is to update the useInput hook so that it ignores the initialValue if a record is available through the RecordContext and has a value for this field.

Closes #6908

@djhi djhi added the RFR Ready For Review label Dec 3, 2021
@djhi djhi added this to the 3.19.3 milestone Dec 3, 2021
@djhi djhi force-pushed the fix-array-input-initial-value branch 2 times, most recently from f431898 to ab27b0e Compare December 3, 2021 13:49
@djhi djhi requested review from WiXSL and fzaninotto December 3, 2021 13:57
const { input, meta } = useFinalFormField(finalName, {
initialValue,
initialValue: get(record, source, initialValue),
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If I may, this makes sense to me.

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes, we were actually lucky it worked before XD

@@ -67,6 +67,7 @@ const FormWithRedirect = ({
sanitizeEmptyValues: shouldSanitizeEmptyValues = true,
...props
}: FormWithRedirectProps) => {
const record = useRecordContext(props);
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

it feels very weird that you read a context to create it again.

What I understand is that you want to wrap a RecordContext if a record param is passed. That's what OptionalRecordContextProvider does in next. Maybe the right fix is to use that new component?

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That would be the right fix but I didn't want to introduce a new component

);
}}
/>
<RecordContextProvider value={{ id: 1, views: 0 }}>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't understand why you need that change as you're adding a context in FormWithRedirect

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Forgot to fix this test after introducing the RecordContext in FormWithRedirect

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not really important though

@vercel
Copy link

vercel bot commented Dec 7, 2021

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployments, click below or on the icon next to each commit.

react-admin – ./examples/simple

🔍 Inspect: https://vercel.com/marmelab/react-admin/4BnweNZvzLaF4pnu6A32YioLMppD
✅ Preview: https://react-admin-git-fix-array-input-initial-value-marmelab.vercel.app

react-admin-storybook – ./

🔍 Inspect: https://vercel.com/marmelab/react-admin-storybook/GhcAjpDj7WjW12wYnSkwv6ijbRPz
✅ Preview: Failed

@djhi djhi force-pushed the fix-array-input-initial-value branch from f63b6b9 to d58152c Compare December 7, 2021 15:46
@vercel vercel bot temporarily deployed to Preview – react-admin December 7, 2021 15:46 Inactive
@vercel vercel bot temporarily deployed to Preview – react-admin-storybook December 7, 2021 15:46 Inactive
@fzaninotto fzaninotto merged commit 577f93f into master Dec 7, 2021
@fzaninotto fzaninotto deleted the fix-array-input-initial-value branch December 7, 2021 15:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
RFR Ready For Review
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants