Disable/Enable Dynamic form based on property does not work as expected

[KwernH]

[ ] Enhancement

[ ] Bug
Disable/enable Dynamic form does not work as expected when I pass the value as props.

[ ] Question

Version

Please specify what version of the library you are using: [
"@pnp/spfx-controls-react": "3.18.1",
"@pnp/spfx-property-controls": "3.17.1", ]

Expected / Desired Behavior / Question

I have a dialog component which have a dynamic form there:

I am trying to use the "Edit" button to edit the value of this.props.viewModel. The value does get updated.(See the picture as below.)

I am expecting the dynamic form should be editable. But it does not get refreshed, all fields are still disabled. Could you please help to check and suggest if there's any way around?

[github-actions]

Thank you for submitting your first issue to this project.

[KwernH]

Anyone can help on this?

[Haiqi-Wu]

Try to update this value in parent component state.

[KwernH]

Try to update this value in parent component state.

Thanks for replying, but if you see my screenshot, the value comes from it's parent component.