React- 渲染一个只发出 Swal 警报的组件

Question

我正在尝试渲染一个发出 Swal 警报的组件，仅此而已——它不应该返回任何 HTML。

export default function AddPaymentNotification() {
useEffect(() => {
Swal.fire({
  title: 'text',
  icon: 'warning',
 })
}, []);
 return <></>;
}

上面的代码确实没有发出警报，只是返回一个空元素。

我知道我可以在没有组件的情况下创建警报，但我想了解如何正确地使其工作。 我错过了什么？