useToastHook.js

export function useToast(defaultPosition = 'bottomStart') {
    const s            = useSnackbar();
    const pos          = (vertical, horizontal) => ({vertical, horizontal});
    const allPlaces    = {
        topStart    : pos('top', 'left'),
        topCenter   : pos('top', 'center'),
        topEnd      : pos('top', 'right'),
        bottomStart : pos('bottom', 'left'),
        bottomCenter: pos('bottom', 'center'),
        bottomEnd   : pos('bottom', 'right'),
    };
    const makePosition = (place) => {
        return allPlaces?.[place] ?? allPlaces.bottomEnd;
    }

    const _toast = (message, variant, position, options, progress) => {
        if (progress) {
            message = <span><CircularProgress size={11} color='inherit'/><ONbsp/><ONbsp/>{message}</span>;
            options = {
                ...options,
                persist: true,
            }
        } else {
            options = {
                ...options,
                onClick: () => {
                    s.closeSnackbar(key)
                },
            }
        }
        const key = s.enqueueSnackbar(message, {
            variant                  : variant,
            anchorOrigin             : makePosition(position),
            disableWindowBlurListener: true,
            TransitionComponent      : Grow,
            ...options
        });
        return () => s.closeSnackbar(key);
    }

    const riseErrorToast    = (message, position = defaultPosition || null, ...options) => _toast(message, 'error', position, options);
    const riseWarningToast  = (message, position = defaultPosition || null, ...options) => _toast(message, 'warning', position, options);
    const riseInfoToast     = (message, position = defaultPosition || null, ...options) => _toast(message, 'info', position, options);
    const riseSuccessToast  = (message, position = defaultPosition || null, ...options) => _toast(message, 'success', position, options);
    const riseToast         = (message, position = defaultPosition || null, ...options) => _toast(message, 'default', position, options);
    const riseIndeterminate = (message, position = defaultPosition || null, ...options) => _toast(message, 'default', position, options, true);

    return {riseToast, riseErrorToast, riseWarningToast, riseInfoToast, riseSuccessToast, riseIndeterminate};
}