Function toast

packages/ui/src/components/use-toast.tsx:156–184

({ id: providedId, ...props }: Toast)

type Toast = Omit<ToasterToast, "id"> & { id?: string };

function toast({ id: providedId, ...props }: Toast) {
  const id = providedId ?? genId();

  const update = (props: ToasterToast) =>
    dispatch({
      type: "UPDATE_TOAST",
      toast: { ...props, id },
    });

  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });

  dispatch({
    type: "ADD_TOAST",
    toast: {
      ...props,
      id,
      open: true,
      onOpenChange: (open) => {
        if (!open) dismiss();
      },
    },
  });

  return {
    id: id,
    dismiss,
    update,
  };
}

function useToast() {
  const [state, setState] = React.useState<State>(memoryState);