use-toast.ts

import {
  useToast as useChakraToast,
  useMultiStyleConfig,
} from '@chakra-ui/react';

type UseToastOptions = Omit<ChakraUseToastOptions, 'render'>;

const useToast = (hookOptions: ChakraUseToastOptions) => {
  const chakraToast = useChakraToast();

  return (options: OurUseToastOptions) =>
    toast({
      render: props => /* render our Alert + translate `isClosable` to `showClose` etc.  <Alert {...hookOptions} {..options} /> */
    });
};