Seems to be rendering problem caused by using render function in React 18.

Check the example below, App wrapper works fine.

Happens on react 17.0.2 as well. Noticed this problem after update 5.6.3 -> 5.16.4. Also had to fix styles that were changed for no apparent reason to look like shit. Thank you ant. Gonna downgrade now

same problem with App and notifications

confirmed using next js 14 and latest antd 5.17.0,
I tried using:

• App.useApp
• notification.useNotification
• static [deprecated]

all different steps to show notification results in blinking on the second notification

Still reproduce on version 5.18.0.
For my case, like an temporal option, next row in globals.css file helped me:

.ant-notification-stack > .ant-notification-notice-wrapper {
  transition:
    transform 0.3s,
    backdrop-filter 0s !important;
}

I tested with NextJS 14 + Tailwind + AntDesign 15.18.0.

By default AntDesign are using transition: all 0.3s, backdrop-filter 0s; Looks like removing all is temporal solution if have no time to wait 🤷‍♂️

It is indeed a bug.

Reproduce link: https://stackblitz.com/edit/react-yjeocj?file=demo.tsx,index.tsx

Hello @Yukititit. We totally like your proposal/feedback, welcome to send us a Pull Request for it. Please send your Pull Request to proper branch (feature branch for the new feature, master for bugfix and other changes), fill the Pull Request Template here, provide changelog/TypeScript/documentation/test cases if needed and make sure CI passed, we will review it soon. We appreciate your effort in advance and looking forward to your contribution!

你好 @Yukititit，我们完全同意你的提议/反馈，欢迎直接在此仓库 创建一个 Pull Request 来解决这个问题。请将 Pull Request 发到正确的分支（新特性发到 feature 分支，其他发到 master 分支），务必填写 Pull Request 内的 预设模板 ，提供改动所需相应的 changelog、TypeScript 定义、测试用例、文档等，并确保 CI 通过，我们会尽快进行 Review，提前感谢和期待您的贡献。