fkhadra / react-toastify

React notification made easy 🚀 !
https://fkhadra.github.io/react-toastify/introduction
MIT License
12.33k stars 676 forks source link

Issue in container #1120

Open StarKnightt opened 1 month ago

StarKnightt commented 1 month ago

Do you want to request a feature or report a bug?

I want to report a bug

What is the current behavior?

It is throwing errors.

If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem. Your bug will get fixed much faster if we can run your code and it doesn't have dependencies other than React. Paste the link to your CodeSandbox (https://codesandbox.io/s/new) example below:

So today I added toastify in my project and it was throwing error in "transition: "Bounce,

image

What is the expected behavior? It shouldn't throw any error.

I solved this issue and it is just a minimal typo issue.

and the solution should be : image transition = Bounce,

I hope the maintainer will fix this minimal issue. I didn't find the file actually to fix it, so I'm sending it as a issue.

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

asifgenius commented 2 weeks ago

Hey @StarKnightt, I have looked at the issue, I think you can try like this -

import { Bounce } from 'react-toastify';

then -


<ToastContainer
      position="top-right"
      autoClose={5000}
      hideProgressBar={false}
      newestOnTop={false} 
      closeOnClick
      rtl={false}
      pauseOnFocusLoss
      draggable
      pauseOnHover
      theme="light"
      transition= {Bounce}
      />
StarKnightt commented 6 days ago

Got it, thanks