why do I get an error in react-toastify module?

Question

I'm using react-toastify to pop up an error message. Why do I get this error?

TypeError: Object(...) is not a function useToastContainer E:/Courses/programing/Code with Mosh/Front End/Mastering React/08 - Calling Backend Services (01h42m)/Section 8- Calling Backend Services/start/http-app/node_modules/react-toastify/dist/react-toastify.esm.js:866

error

Once I remove ToastContainer component everything works normally. What should I do to get rid of this error, and why do I get it?

I attached a screen of the error that I get here it is https://i.stack.imgur.com/mMnxu.png — Ahmed Joda, Jun 20 '20 at 21:32
I'm sorry I'm new here in StackOverflow I don't know how to use it — Ahmed Joda, Jun 20 '20 at 21:34

score 3 · Accepted Answer · answered Jun 30 '20 at 17:57

3

I got the same problem here, I guess we are both using the newest version of react-toastify, but after I change the version with 4.1 (which the instructor is using) and it solved !

First, you need :

npm uninstall react-toastify --save

Then, reinstall it with the version 4.1

npm i react-toastify@4.1

answered Jun 30 '20 at 17:57

Pelic

46
2

I also needed to restart my development server to changes take effect – Amir Hossein Mar 01 '22 at 07:39

score 1 · Answer 2 · answered Mar 08 '21 at 18:18

1

Building on Pelic's answer, after uninstalling the latest version and reinstalling version 4.1, i had to restart my VSCode to get it to work!

answered Mar 08 '21 at 18:18

Pete Allen

56
1
5

why do I get an error in react-toastify module?

2 Answers2