Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Issue with "manual installation Pro" zip

Björn Ohlsson pro asked 2 years ago


Expected behavior Installing and starting "manual installation" Pro zip. To kickstart my project

Actual behavior Firstly when installing this react zip through node.js, I get several warnings about "conflicting peer dependencies" and "could not resolve dependency".

Then when I try starting it I get "./src/pages/ChartsPage.js Module not found: Can't resolve 'react-chartjs-2' in 'C:\Users..."", but to temporarily get past this I start by commenting out ChartPage in Index.js.

But then I simply get the error message in chrome console "react.development.js:1476 Uncaught Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app" etc etc.

I´ve had the same issue with the last 2-3 releases of MDB Pro Manual installation. Is this an known issue?

Resources (screenshots, code snippets etc.) No example, the issue seem to be with the "manual installation" Pro zip. Tested on multiple computers, resetted npm, checked versions etc. I´m using Node.js 16.13.1 and npm 8.3.1

Thank you!


Björn Ohlsson pro commented 2 years ago

Also as a returning customer. I notice that there are several components that are marked as MDB Pro account, but even if I bought lifetime usage Pro a while back, these seems to be locked for me?


Krzysztof Wilk staff commented 2 years ago

Hi!

The only problem users reported before is one with ChartsPage and it is caused by problems with dependencies - version of react-chartjs-2 we are using there doesn't recognize the react in version 17. To avoid that you can try another way of installing dependencies - i.e. you can use yarn (it installs dependencies one by one, not all of them at the same time) instead of npm or npm with --legacy-peer-deps flag (so the command should look like this npm install --legacy-peer-deps).

Could you also specify which version of MDB you are using? In the specification of the issue, I see that it is MDB5 2.1.0 but the problem with a ChartsPage occurred in MDB4 5.2.0 (they are two separate products), so I want to make sure :)

Keep coding!


Björn Ohlsson pro commented 2 years ago

Thanks! That solved it, using yarn :)


FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Closed

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB React
  • MDB Version: MDB5 2.1.0
  • Device: PC
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No