Good afternoon, the question is this, having searched on the Internet for an implementation of the form <FormComponent><TextField/></FormComponent>, where in the form field the form from the react hook, form hook, and other clicks will simply be inserted, and the necessary inputs will be inserted into the parent’s body, and so that the typing matches field names and so on, I haven’t found such an implementation, only either a split version, or a wrapper is made for each field form, so the question is why is there no implementation that I described?

I recently learnt that React renders a snapshot of the UI before the set function is called to change the state and re-rendering is perform. The entire JSX works with the previous state. For example:

I am trying to created a checkbox, on clicking which select all other checkboxes in react hook form, and on unchecking it will deselect all checkboxes.
I also want to add selecting single checkbox feature also.

I have an autocomplete React Material component that fetches data from the server. However, in some scenarios, I want to convert the autocomplete to a text field if a user enters a slash (‘/’).