Function sonner

custom: (
    jsx: (id: string | number) => ReactElement,
    data?: ExternalToast,
) => string | number

dismiss: (id?: string | number) => string | number

error: (
    message:
        | undefined
        | null
        | string
        | number
        | boolean
        | ReactElement<any, string | JSXElementConstructor<any>>
        | Iterable<ReactNode>
        | ReactPortal
        | () => ReactNode,
    data?: ExternalToast,
) => string | number

getHistory: () => (ToastT | ToastToDismiss)[]

getToasts: () => (ToastT | ToastToDismiss)[]

info: (
    message:
        | undefined
        | null
        | string
        | number
        | boolean
        | ReactElement<any, string | JSXElementConstructor<any>>
        | Iterable<ReactNode>
        | ReactPortal
        | () => ReactNode,
    data?: ExternalToast,
) => string | number

loading: (
    message:
        | undefined
        | null
        | string
        | number
        | boolean
        | ReactElement<any, string | JSXElementConstructor<any>>
        | Iterable<ReactNode>
        | ReactPortal
        | () => ReactNode,
    data?: ExternalToast,
) => string | number

message: (
    message:
        | undefined
        | null
        | string
        | number
        | boolean
        | ReactElement<any, string | JSXElementConstructor<any>>
        | Iterable<ReactNode>
        | ReactPortal
        | () => ReactNode,
    data?: ExternalToast,
) => string | number

promise: <ToastData>(
    promise: PromiseT<ToastData>,
    data?: PromiseData<ToastData>,
) =>
    | string & { unwrap: () => Promise<ToastData> }
    | number & { unwrap: () => Promise<ToastData> }
    | { unwrap: () => Promise<ToastData> }

success: (
    message:
        | undefined
        | null
        | string
        | number
        | boolean
        | ReactElement<any, string | JSXElementConstructor<any>>
        | Iterable<ReactNode>
        | ReactPortal
        | () => ReactNode,
    data?: ExternalToast,
) => string | number

warning: (
    message:
        | undefined
        | null
        | string
        | number
        | boolean
        | ReactElement<any, string | JSXElementConstructor<any>>
        | Iterable<ReactNode>
        | ReactPortal
        | () => ReactNode,
    data?: ExternalToast,
) => string | number