Function useAlertToasts

useAlertToasts(options: UseAlertToastsOptions): UseAlertToastsReturn

Hook for managing alert toast notifications

Tracks new alerts and provides a queue of toasts to display. Automatically removes acknowledged alerts from the queue.

Parameters

options: UseAlertToastsOptions

Returns UseAlertToastsReturn

Example

function MeetingRoom() {
  const { alerts } = useAlerts(roomId);
  const { toastAlerts, dismissToast } = useAlertToasts({
    roomId,
    enabled: true,
    maxVisible: 3,
  });

  return (
    <>
      <AlertsPanel roomId={roomId} />
      <AlertStack
        alerts={toastAlerts}
        onDismiss={(id) => dismissToast(id)}
      />
    </>
  );
}