BUG: sometimes toasts do not unstack on hover

[bw1984]

Its difficult to show this but sometimes if i trigger toasts in quick succession, they visually stack as expected but then do not 'unstack' when i hover over them. This only seems to happen if they are triggered/created in very quick succession (which can sometimes be difficult to avoid if they are being triggered by background activities which are happening at random intervals)

[CMarzin]

A workaround for this "bug" is to wrap the creation of the toast in a setTimeOut, even with 0ms it fix the bug.

Here a reproduction of the unstack bug with the latest version :

const toastConfig = [
  {
    title: 'warning toast',
    description: 'ceci est une warning',
  },
  {
    title: 'warning toast',
    description: 'ceci est un warning',
  },
];

  for (let i = 0; i < toastConfig.length; i++) {
    const config = toastConfig[i];
      toast.warning(config.title, {
        description: config.description,
      });
  }

If you add a setTimeOut, the unstack works as expected :

  for (let i = 0; i < toastConfig.length; i++) {
    const config = toastConfig[i];
    setTimeout(() => {
      toast.warning(config.title, {
        description: config.description,
      });
    }, 0);
  }

Anyone got an idea of why this is happening ?