create-react-app 创建的项目，并且add antd， 保存热更新出现报错？？

Question

package.json

"@types/jest": "^27.0.1",
"@types/node": "^16.7.13",
"@types/react": "^18.0.0",
"@types/react-dom": "^18.0.0",
"antd": "^4.22.4",
"react": "^18.2.0",

App.tsx

const Home = React.lazy(() => import('./Home/Home'))

function App() {
  return (
    <div className="App">
      <Suspense fallback={<div>loading...</div>}>
          <Home />
      </Suspense>
    </div>
  );
}
export default App

Home.tsx

import React from 'react';
import {Input, Checkbox} from 'antd';

const Home = () => {
  return <div>
    <Input />
  </div>
}

export default Home

yarn start 启动没有任何问题

但是我再Home组件 添加 <Checkbox />组件， 并保存
可能会报错：

如果首次添加没报错， 那就删除<Checkbox />组件 保存， 再次添加<Checkbox />，再保存，

一定要用 React.lazy 加载组件

就会遇到这个问题， 请问该如何解决？？

Answer 1

已解决。
.env
新增 FAST_REFRESH=false