Multiple Toasts Stacking on single toast() call

[danthegoodman1]

Do you want to request a feature or report a bug?
Bug
What is the current behavior?

<BrowserRouter>
      <Navbar />
      <ToastContainer />
        <Switch>
         ...

Called like: toast.info('🦄 Wow so easy!')

With <ToastContainer /> in a higher level component, it will stack 4 times. With it in the lower level component that calls the toast(), it stacks 3 times.

Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?

React 16.12.0
Windows 10
Most updated Chrome

[danthegoodman1]

Ok it magically stopped doing that...

[fkhadra]

😅 are you using hot reload?

[talentedandrew]

I encountered this same issue.

[singhaishwarya]

any update?