Fix an issue with conditionally rendered fields in React

[fulopkovacs]

Fixes the following issues:

• When you render Field conditionally first rendered field will override all next rendered fields #808 (StackBlitz project)
• Field remove value duplicates items when conditionally rendering form #957 (StackBlitz project)

[nx-cloud]

View your CI Pipeline Execution ↗ for commit 7df5f77.

Command	Status	Duration	Result
nx affected --targets=test:sherif,test:knip,tes...	✅ Succeeded	2m 4s	View ↗
nx run-many --target=build --exclude=examples/**	✅ Succeeded	30s	View ↗

---

☁️ Nx Cloud last updated this comment at 2025-01-04 22:53:49 UTC

[pkg-pr-new]

Open in Stackblitz

More templates

• @tanstack/form-example-lit-simple
• @tanstack/form-example-lit-ui-libraries
• @tanstack/form-example-angular-array
• @tanstack/form-example-angular-simple
• @tanstack/form-example-angular-valibot
• @tanstack/form-example-angular-yup
• @tanstack/form-example-angular-zod
• @tanstack/form-example-solid-array
• @tanstack/form-example-solid-simple
• @tanstack/form-example-solid-valibot
• @tanstack/form-example-solid-yup
• @tanstack/form-example-solid-zod
• @tanstack/form-example-vue-array
• @tanstack/form-example-vue-simple
• @tanstack/form-example-vue-valibot
• @tanstack/form-example-vue-yup
• @tanstack/form-example-vue-zod
• @tanstack/form-example-react-array
• @tanstack/form-example-react-compiler
• @tanstack/field-errors-from-form-validators
• @tanstack/form-example-react-next-server-actions
• @tanstack/form-example-react-query-integration
• @tanstack/form-example-react-simple
• @tanstack/form-example-remix
• @tanstack/form-example-react-standard-schema
• @tanstack/form-example-react-tanstack-start
• @tanstack/form-example-react-ui-libraries
• @tanstack/form-example-react-valibot
• @tanstack/form-example-react-yup
• @tanstack/form-example-react-zod

@tanstack/angular-form

npm i https://pkg.pr.new/@tanstack/angular-form@1097

@tanstack/form-core

npm i https://pkg.pr.new/@tanstack/form-core@1097

@tanstack/react-form

npm i https://pkg.pr.new/@tanstack/react-form@1097

@tanstack/lit-form

npm i https://pkg.pr.new/@tanstack/lit-form@1097

@tanstack/solid-form

npm i https://pkg.pr.new/@tanstack/solid-form@1097

@tanstack/valibot-form-adapter

npm i https://pkg.pr.new/@tanstack/valibot-form-adapter@1097

@tanstack/vue-form

npm i https://pkg.pr.new/@tanstack/vue-form@1097

@tanstack/yup-form-adapter

npm i https://pkg.pr.new/@tanstack/yup-form-adapter@1097

@tanstack/zod-form-adapter

npm i https://pkg.pr.new/@tanstack/zod-form-adapter@1097

commit: 7df5f77

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 86.61%. Comparing base (be7f9bf) to head (7df5f77).
Report is 1 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #1097      +/-   ##
==========================================
+ Coverage   86.60%   86.61%   +0.01%     
==========================================
  Files          29       29              
  Lines        1172     1173       +1     
  Branches      287      289       +2     
==========================================
+ Hits         1015     1016       +1     
  Misses        144      144              
  Partials       13       13              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[Balastrong]

Fixing both at once? That's awesome!