React 17 升级 18 后踩的坑

原有项目 Antd 5 结合 react17 , 升级后 react 18 后遇到两个问题

1. 所有 Modal userSelect 被禁用， Modal 自动添加了 ant-zoom-appear
2. 页面初始渲染右边内容会从左下往上移

ant-modal.ant-zoom-appear {
  user-select: none
}

临时解决方法，降级到 17 渲染方式

ReactDOM.render(
  <Router history={browserHistory}>
    <MonitorApp />
  </Router>,
  container,
);

之前渲染方式

const root = ReactDOM.createRoot(container);

具体原因待排查 ， 若有碰到相同的情况可留言分享。