Как удалить конкретный тост с помощью React-toastify?

Question

Я установил всплывающее уведомление с помощью react-toastify когда пользователь нажимает кнопку "Готово" (for room 1). Это отобразит всплывающее уведомление с комнатой 1 и сообщением. Если уведомление все еще отображается, и пользователь снова нажал кнопку "Готово", я хочу удалить предыдущее отображаемое уведомление. Я пробовал toast.dismiss(), но это отклонит все тосты, например, он также удалит тосты для комнаты 2. Я просто хочу, чтобы он удалил предыдущий тост для комнаты 1. Как мне этого добиться? Большое спасибо.

export const showNotification = (roomId, message) => {

    toast(<div><p>{roomId}</p><p>{message}</p></div>,
        {
            position: "top-center",
            closeOnClick: false,
            draggable: true,
        });

};

Button component 

import { showNotification } from './showNotification';
import { toast } from 'react-toastify';

return (
<Button onClick={() => showNotification(roomId, `alert`)}>
   Done
</Button>)