Reproduction link

Steps to reproduce

Mount the Modal on the body using React DOM, and when it pops up, an error will occur:
Blocked aria-hidden on a
element because the element that just received focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prevent focus.

What is expected?

I hope the console does not report any errors

What is actually happening?

Console error
| Environment | Info |
| ------------ | ------------ |
| antd | undefined |
| React | 17.0.2 |
| System | macos |
| Browser | chrome |

import React from "react";
import ReactDOM from 'react-dom'
import { createRoot } from "react-dom/client";
import { Button, Space, version,Modal } from "antd";
import "antd/dist/antd.css";
import "./index.css";

function renderToBody(element, callback) {
const container = document.createElement('div')
document.body.appendChild(container)
function unmount() {
const unmountResult = ReactDOM.unmountComponentAtNode(container)
if (unmountResult && container.parentNode) {
container.parentNode.removeChild(container)
}
}
ReactDOM.render(element, container, callback)
return unmount
}

const MyModal = ({onOK}) => {

return <Modal open onOk={() => {
onOK()
}}>
123

}

MyModal.show = () => {
return new Promise(res => {
const tempProps = {
onOK: () => {
unmount()
}
}
const unmount = renderToBody(<MyModal {...tempProps} />)
})
}

const App = () => {
return (

antd version: {version}

<Button type="primary" onClick={async() => {
await MyModal.show()
}}>Primary Button

);
};

const root = createRoot(document.getElementById("root"));
root.render();