react-toastify: dismiss as promise

SingleToast.jsx

import * as toast from './toast';

function SingleToast() {
  return (
    <>
      <button onClick={() => toast.error('Error!', { toastId: 'single-toast' })}>OpenError</button>
      <button
        onClick={async () => {
          await toast.dismiss('single-toast');
          toast.success('Hey!', { toastId: 'single-toast' });
        }}
      >
        Open Success
      </button>
    </>
  );
}

toast.js

import { toast } from 'react-toastify';

export function success(content, options) {
  return toast.success(content, options );
}

export function dismiss(id) {
  if (!id) {
    toast.dismiss();
    return Promise.resolve();
  }

  return new Promise((resolve) => {
    if (toast.isActive(id)) {
      toast.update(id, {
        onClose: () => {
          resolve();
        },
      });
      toast.dismiss(id);
    } else {
      resolve();
    }
  });
}

Tested on [email protected]