react-dom-client not working

I'm encountering an issue while integrating your form controls from MDB React UI Kit with react-hook-form. Specifically, when using MDB's custom input components (like MDBInput) inside a form managed by react-hook-form, I receive the following error during unmounting or validation state updates:

Error: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

This error does not occur when I replace the MDB component with a standard HTML input element—everything works fine with raw HTML inputs and react-hook-form.

I suspect this may be related to how the MDB component handles internal DOM structure or lifecycles that conflict with React Hook Form's render/update cycle.

Could you please advise whether this is a known issue? And is there a recommended pattern for using MDB form components with react-hook-form to avoid such DOM manipulation errors? i am attaching the example code file and error screenshots.

I’d appreciate any guidance or workaround you can provide.

Thanks