Form resets unexpectedly when inside Dialog on first validation failure

[Merott]

I've managed to narrow down the issue quite a bit, which makes this completely obsolete and confusing. I'm closing this in favour of #777.

See old issue details:

Describe the bug and the expected behavior

When a form that's been wired up with @conform-to/react is placed inside a Dialog component (tested with Radix UI and Headless UI), the form unexpectedly resets to its initial value upon the first validation failure. This only occurs the first time validation fails; subsequent validation failures don't cause the form to reset.

Expected behaviour: The form should maintain its current state and display validation errors without resetting to the initial value.

Conform version

v1.2.1

Steps to Reproduce the Bug or Issue

1. Open the CodeSandbox demo
2. In the Dialog, try entering a non-numeric value in the input field (eg. "abc")
3. Click outside the input field to trigger validation
4. Notice the input resets to its initial value of '123'
5. Try entering a non-numeric value again
6. Notice that now the form maintains the invalid input without resetting

To try the same without a dialog, find this line inside App.tsx and set placeInsideDialog to false:

const placeInsideDialog = true;

What browsers are you seeing the problem on?

Chrome, Firefox, Safari

Screenshots or Videos

Form inside a dialog:

CleanShot.2024-09-18.at.22.57.21.mp4

Exact same form outside the dialog:

CleanShot.2024-09-18.at.22.55.39.mp4