个人主观看法：antd 的 <App /> 组件不应该考虑透属性，api 丢出去以后就不好控制了。

至于你说的这个操作也有另外一种实现方式。比如：

import 'normalize.css';
import React from 'react';
import ReactDOM from 'react-dom/client';
import { App as AntdApp, AppProps as AntdAppProps, Button, ConfigProvider } from 'antd'
import { cx } from 'antd-style'

interface AppProps extends Pick<AntdAppProps, 'style' | 'className'> {

}

const SelfHtml = (props: React.PropsWithChildren<AppProps>) => {
  const { children, className, style, ...rest } = props;
  return (
    <section
      className={cx('self-html', className)}
      style={style}
      {...rest}
      data-test="1"
    >
      {children}
    </section>
  )
};

const App = () => {
  return (
    <Button type="primary">
      Hello Antd
    </Button>
  )
};

ReactDOM.createRoot(document.getElementById('root') as HTMLElement)
  .render(
    <React.StrictMode>
      <ConfigProvider theme={{ token: { colorPrimary: 'blue', }, cssVar: true }}>
        <AntdApp component={SelfHtml}>
          <App />
        </AntdApp>
      </ConfigProvider>
    </React.StrictMode>
  );

@Wxh16144

确实可行，不过如果官方能在这个基础上，做下调整，能满足我的这个需求的同时，还能避免你说的这个穿透问题，就更好啦。

补充

我发现这样做有个很不好的问题， <App component='html'> 发生一些改变的时候，只有app这个组件的属性变化。

如果使用下面的方式

<App component={(props) => <MyHtml {...props} lang={locale} data-theme={store.xxx} />}>

会导致所有的html结构重新渲染