Antd ErrorList template causes runtime error when called if imported directly from the package

[JBGarner-qur8]

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?

antd

Version

6.2.5

Current Behavior

When you submit a form using the default import component from @rjsf/antd, and the form has validation errors (e.g. a missing mandatory field), a runtime error is thrown in the browser:

Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

Expected Behavior

As per the previous version (last tested pre-6.x), expect an error list containing the validation errors

Steps To Reproduce

1. Clone the minimal repo
2. npm run dev -> open the app in your browser
3. Without filling in the form, click the submit button <-- Should work
4. Comment out the code injecting the in-app version of the ErrorListTemplate
5. Stop & restart the app and repeat step 3 <-- Now it breaks

Note: I've committed my "fix" as a separate commit, so you can also revert the last commit to get to an example of the "broken" state.

Environment

- OS: macOS Sequoia 15.5
- Node: 22.21.1
- npm: 10.9.4
- Browser: Chrome 144.0.7559.133

Anything else?

Minimal repo is here.

When it's just run "as is", the problem should not be reproducible, since I've found that if I copy in the rjsf/antd ErrorList template from here verbatim, and sub that into the form via my own version of the component, that seems to resolve the problem. But If I either import RJSFForm from "@rjsf/antd" or simply comment out the line when I'm injecting my own version of the template then the problem appears

[pseudo-su]

I think this might be the same underlying issue I've been investigating, more specifically I believe that the issue is ANY @rjsf/antd form component that renders SVG elements.

Reproduction using Vite (React typescript) + Antd + RJSF fails to render any schema that contains button with icons

https://github.com/pseudo-su/vite-antd-rjsf-repro-4953/tree/main?tab=readme-ov-file#vite-antd-rjsf-example

[heath-freenome]

@pseudo-su It sounds like you have good insights into the issue. We'd welcome a PR with the needed fixes to the antd theme. I'm curious why this isn't affecting the playground though

[pseudo-su]

this is the simplest fix, although depending on build tooling (tree shaking) it might lead to larger bundle sizes.

It looks like in the history of this project the SVG icons were converted to use the direct-imports approach here as part of an optimization effort.

For what it's worth, the @antd-design/icons readme on npm suggests that the imports should work both ways, so most likely there's something esoteric going on w/ how this project is bundling not being compatible w/ the default vite setup

---

I've got a PR on my bug reproduction project to demonstrate updating the import statements to use named imports working pseudo-su/vite-antd-rjsf-repro-4953#1