Conditional fields lose their value when not present

[dan-gamble]

Describe the bug and the expected behavior

If an element disappears from the form it's value is then wiped from the form.value.

I'd built quite a deeply nested tab-based form and discovered that when React removes an element from the DOM then conform also removes that value from form.value. I'd expect the data to stay as it was in the last state before the element was removed from the DOM.

Conform version

v1.0.1

Steps to Reproduce the Bug or Issue

1. Go to the sandbox
2. Change the dropdown to a different value
3. See that the bike or car object is removed from the form.value

For the sake of this demo I've used a select but this was initially discovered when I was using tabs

What browsers are you seeing the problem on?

Chrome, Firefox, Microsoft Edge, Safari, Others

Screenshots or Videos

No response

Additional context

No response

[edmundhung]

Conform does not keep any value of your form. What you get from Conform is just a value synced with the FormData API. If you want to persist the value, you need to eithe make the input visually hidden or render a hidden input yourself.

The DOM is the source of truth of your formdata as that's what will be sent to the server regardless you are using Remix route action or NextJS server action. It would be bad if a library tells your the value exists, but it is not actually sent out to the server :)