Alert / Notification: Transition to useNotification Hook in Ant Design 5.x

Goal

Determine the most effective way to deliver non‑intrusive user feedback in an Ant Design 5.x React application while keeping notification noise to a minimum.

Constraints & Uncertainties

• Alert is static and stays within the layout, whereas Notification is transient and floats.
• The new useNotification hook provides context‑aware styling but may behave differently than the legacy notification.open API.
• Theme inheritance requires the App component wrapper; otherwise notifications may not reflect the current theme.
• Duplicate suppression relies on a unique key prop; the impact of key reuse across components is unclear.
• Auto‑dismiss timing (duration) can reduce clutter but may hide important information if set too low.

Unresolved Questions

1. Which configuration of the useNotification hook (placement, duration, key strategy) results in the lowest perceived notification fatigue on small screens?
2. How does the Alert component’s static placement compare to the floating Notification in terms of visibility for critical messages?
3. What is the effect of wrapping an application in the App component on the visual consistency of notifications triggered via useNotification versus notification.open?