React uses antd message to report an error You are calling notice in render which will break in React 18 concurrent mode.

Warning: [antd: Message] You are calling notice in render which will break in React 18 concurrent mode. Please trigger in effect instead.

 

Solution

Instead of using useMessage, use the static method message.info directly: Global Prompt Message - Ant Design

github issue address:  https://github.com/ant-design/ant-design/issues/39592