MUI Input Label Support

Please see the code below and associated render:

const MDEditorField = (props) => {
  const { formData, schema, onChange, ...propsRest } = props;
  const theme = useTheme();

  return (
    <FormControl error={!!propsRest.rawError} fullWidth>
      <InputLabel htmlFor={schema.name}>{schema.title}</InputLabel>
      <Box>
        <MDEditor
          id={schema.name}
          value={formData}
          data-color-mode={theme.palette.mode}
          onChange={(value) => onChange(value)}
          {...propsRest}
        />
      </Box>
      {propsRest.error && <FormHelperText>{propsRest.error}</FormHelperText>}
    </FormControl>
  );
};

If someone could kindly tell me how to fix the style, and properly integrate the LabelInput that would be great - also could be worth it documenting this.

Start with the MDEditorField example and the MDEditor entry point, then compare the FormControl/InputLabel wiring with the rendered result shown. Done means the MUI label is properly integrated and its styling matches the intended render; no specific test is named in the issue.