full-stack-fastapi-template/new-frontend/src/hooks/useCustomToast.tsx

import { useCallback } from 'react';

import { useToast } from '@chakra-ui/react';

const useCustomToast = () => {
    const toast = useToast();

    const showToast = useCallback((title: string, description: string, status: 'success' | 'error') => {
        toast({
            title,
            description,
            status,
            isClosable: true,
        });
    }, [toast]);

    return showToast;
};

export default useCustomToast;