React は antd メッセージを使用してエラーを報告します。レンダリングで通知を呼び出しているため、React 18 同時モードでは中断されます。

警告: [antd: メッセージ] レンダリングで通知を呼び出しているため、React 18 同時モードでは中断されます。代わりに有効にトリガーしてください。

 

解決

useMessage を使用する代わりに、静的メソッド message.info を直接使用します:グローバル プロンプト メッセージ - Ant Design

github の問題アドレス:  https://github.com/ant-design/ant-design/issues/39592