Having issues with autoclose + dismissAll not working

[lgtmrobo]

Both ways to close the toast don't seem to be working. I am using a custom toast component and I have autoClose set to 3000. The toast is comign in fine, but is not going away anymore after upgrading to 10.0.5

Toaster usage

toaster( { text: 'Saved!', toastId: 'saved-button', }, { autoClose: 3000, position: 'bottom-center', closeButton: false, hideProgressBar: true, className: '-bottom-[4rem] md:-bottom-[2rem]', }, );

Toastser Component:

 import { Id, ToastContainerProps, toast } from 'react-toastify';

import Toast from './Toast';

export const toaster = (
  myProps: { text: string; toastId?: string },
  toastProps: ToastContainerProps,
): Id => toast(<Toast {...myProps} />, { ...toastProps });

toaster.dismissAll = () => toast.dismiss();