ant-design は React と競合し、アプリケーションがクラッシュします。競合を解決するにはどうすればよいですか?

Question

React 18.2.0 にアップグレードしました。現在、アプリがフリーズすることがあります。ブラウザ ページが応答を停止しました。何が問題なのでしょうか? これは、Ant-design 4 でポップアップを表示する要素 (Cascader、Select など) を操作するときに発生することに気付きました。 この問題はどうすれば解決できますか? 初めに言っておきますが、すべてのスタイルがバージョン 5 の styled-components にあるため、ant-design を最新バージョンに更新することはできません。

私に何ができるかわかりません。たぶんフラッシュ同期を使用しますか？でも場所が分かりません

Answer 1

これは React 18 の strict モード、またはおそらく以前のバージョンの Ant-Design のバグに関連していると思います。私の提案は、Ant-design バージョンを (可能であれば) 5.x にアップグレードしてみることです または 少なくとも 4.24.12 (メジャー アップデートの中断を避けるため)。それでも解決しない場合は、クラッシュ ログまたはコードの使用方法の詳細を提供してください。