"description" of a property won't show when using theme antd

Description

Example When using theme @rjsf/antd, description of a property won’t show.

The problem will be resolved if I uncomment this line. Is that commented out for some other reason?

Steps to Reproduce

1. Add description for any property at rjsf-jsonschema-form playground, like:

 "properties": {
    "firstName": {
      "type": "string",
      "title": "First name",
 +++     "description": "This is the same as the simple form, but it is rendered as a bootstrap grid. Try shrinking the browser window to see it in action."
    },

1. Switch the theme, and see the result.

default

antd

Expected behavior

description should be shown as what default theme did.

[epicfaace]

@delyanr do you remember why the “extra” line was commented out? Should we add it back?

[momesana]

@Littly, We are facing the same issue and it would be nice if the @rjsf antd theme supported it out of the box but there is still a simple workaround. Looking at the code you will notice that the extra prop (which is how antd would normally display a description pertaining to the input field in question) is listed as a prop in FieldTemplate.js but commented out for some reason: https://github.com/rjsf-team/react-jsonschema-form/blob/7c0d6c2785f170444d806847328b3d060085bb5a/packages/antd/src/templates/FieldTemplate/index.js#L67.

Morover @rjsf allows you to override the template by providing it as a property to the Form component. Therefore you can easily

1. clone the mentioned file (don’t forget to include the Apache2 license since this constitutes a derivative work),
2. enable the extra field by removing the comments
3. and pass the resulting custom FieldTemplate component to your Form like this:

import FieldTemplate from './FieldTemplate';

...
<Form FieldTemplate={FieldTemplate} {...yourOtherProps}>
   ...
</Form>