[bugfix]: implement useWatch to see if changes occur in inputfield of form

[SireeKoolenWijkstra]

Implement useWatch
FormValues are not always updated because Detail is not always rendered anew. After 3 clicks a bug appears. Therefor implemented useWatch, so updates are monitored and only the effected component is rerendered

Signalen

Before opening a pull request, please ensure:

• Make sure your PR title follows naming conventions: [feat-1234]: name feature
• Double-check your branch is based on main and targets main
• Pull request has tests (we are going for 100% coverage!)
• Code is well-commented, linted and follows project conventions
• Committed source code is headed by the correct SPDX license expression

Be kind to code reviewers, please try to keep pull requests as small and focused as possible :)

[vdegraaf]

@SireeKoolenWijkstra not sure what the bug is I should be testing. Is there a bug ticket? Or else a way to reproduce? Since I do not know where I should "click three times" and the bug appears.

If you uncheck and check the openbaar tonen checkbox a couple of times the Naam Openbaar (fieldgroup public_name) doesn't reappear. There is no bug ticket unfortunately.

[vdegraaf]

The fix works! But you can do it with less code by just adding formMethods.watch('is_public_accessible') to the Detail component. Then it will trigger a rerender when that field changes.

Changed it. Thanks.

[vdegraaf]

I'd expect just one line of code added. Why did you change all the rest?

Yo Vincent, to keep reactions and comments all in one place, also my reaction here. The code about the formValues need to be removed since that caused the bug. This was in commit 1. After your feedback I removed the code about the useWatch and replaced it with formMethods.watch('is_public_accessible'). So I do think that all the other code is also needed.