[FormControl] Expose the form control state

How does one get the Context managed by a <FormControl/> into one’s own component that is intended to be a child of the <FormControl/>. The form control does not seem to pass disabled, focused, error as properties and also does not use React’s new context API. Could you add this answers to the documentation somewhere.

[oliviertassinari]

Interesting, we will remove withFormControlContext in the near future. I propose we replace it with a useFormControlState (#15231). I believe that we could expose this hook.

[mfolnovic]

I’m implementing a wrapper controlled component (with styling and some additional functionality) around TextField. I’m using Storybook for testing/documenting this.

I would like to be able to write a story that “forces” this component in other states (e.g. focus).

From code, I inferred this could be done by exposing FormControlContext, which is why I’m writing my use case in this issue. 😃

It would be easiest if I could write something like:

<FormControlContext.Provider value={{focused: true}}>
  <TextField ... />
</FormControlContext.Provider>