import { Toast, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, } from "~/components/ui/toast" import { useToast } from "~/components/ui/use-toast" export function Toaster() { const { toasts } = useToast() return ( {toasts.map(function ({ id, title, description, action, ...props }) { return (
{title && {title}} {description && ( {description} )}
{action}
) })}
) }