Titles specified in UI Schema do not render

[NthCycle]

Prerequisites

• I have searched the existing issues
• I understand that providing a SSCCE example is tremendously useful to the maintainers.
• I have read the documentation
• Ideally, I'm providing a sample JSFiddle, Codesandbox.io or preferably a shared playground link demonstrating the issue.

What theme are you using?

mui

Version

5.x

Current Behavior

Titles specified in UiSchema do not render for text widgets when using MUI, Material UI , Chakra, Fluent, or Semantic

Expected Behavior

I expect the titles specified in the UiSchema to override the property name, as they do with other themes.

Steps To Reproduce

In the playgound,
Schema:

  "type": "object",
  "properties": {
    "bad": {
      "type": "string"
    }
  }
}

UiSchema:

  "bad": {
    "ui:title": "good"
  }
}

Possible Solution

This widget implements the expected behavior. All that is necessary is adding label = {getUiOptions(props.uiSchema).title ?? props.label} to the return statement of the core TextWidget

import { getTemplate, FormContextType, RJSFSchema, StrictRJSFSchema, WidgetProps, getUiOptions } from '@rjsf/utils';

/** The `TextWidget` component uses the `BaseInputTemplate`.
 *
 * @param props - The `WidgetProps` for this component
 */
export default function TextWidget<T = any, S extends StrictRJSFSchema = RJSFSchema, F extends FormContextType = any>(
  props: WidgetProps<T, S, F>
) {
  const { options, registry } = props;
  const BaseInputTemplate = getTemplate<'BaseInputTemplate', T, S, F>('BaseInputTemplate', registry, options);
  return <BaseInputTemplate {...props} label = {getUiOptions(props.uiSchema).title ?? props.label}/>;
}