Ant Design ConfigProvider does not override classes

[ferretwithaberet]

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 or a shared playground link demonstrating the issue.

What theme are you using?

antd

Version

4.1.1

Current Behavior

Ant Design's ConfigProvider does not override classes of the components used by react-jsonschema-form using prefixCls prop.

Expected Behavior

Ant Design's ConfigProvider does override classes of the components used by react-jsonschema-form using prefixCls prop.

Steps To Reproduce

1. Create react app.
2. Install @rjsf/antd and it's perequisites.
3. Add ConfigProvider to App.jsx with a value for the prefixCls prop.
4. Place the Form somewhere inside ConfigProvider.
5. Check if classes used by ant design are prefixed with the value of prefixCls.

Environment

- OS: EndeavourOS Linux x86_64 (Kernel 5.17.4-arch1-1 )
- Node: 16.14.0
- npm: 8.3.1

Anything else?

No response

[heath-freenome]

@ferretwithaberet Can you confirm whether this is a problem with the 5.x version? Also, providing a codesandbox.io or JSFiddle with a working example would be most helpful

[ferretwithaberet]

@ferretwithaberet Can you confirm whether this is a problem with the 5.x version?

Seems to work with v5.x.

[miguelgrc]

Hi, I still have this issue with the latest version of @rjsf/antd. Here is a simple example to demonstrate.

Notice how the prefixCls doesn't apply to the input added by rjsf while it does for the second input, which is a normal antd input. Also, the colorPrimary makes the second input have a red border on focus while the first input has the default light blue border.

Notice also how the rjsf-generated elements have the .css-dev-only-do-not-override-nllxry class while the other input has .css-dev-only-do-not-override-e4x42x. The hashes are different, which explains why the styles are not being applied to one of them.

Could you please have a look? Thank you.

[dllnaoki]

have you solved this problem? @miguelgrc

[miguelgrc]

@dllnaoki, sorry for the late response. It seems to have been fixed in @rjsf/antd v5.18.0. I believe by #4132