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: Can't Get Started

pd1748 priority asked 3 years ago


Demo Project - Straight from pro download, extract to directory , npm install. npm start

Tried several ways of doing all with same result. I am able to get other react projects working without issue.

You get this:::::

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 See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem. ./src/index.js/< C:/Users/p_m_k/source/repos/lunamanagement/src/index.js:11

8 | 9 | import registerServiceWorker from './registerServiceWorker'; 10 |

11 | ReactDOM.render( , document.getElementById('root')); 12 | 13 | registerServiceWorker();

./src/index.js http://localhost:3000/static/js/main.chunk.js:433:30 webpack_require C:/Users/p_m_k/source/repos/lunamanagement/webpack/bootstrap:851

848 | 849 | webpack_require.$Refresh$.init(); 850 | try {

851 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 852 | } finally { 853 | webpack_require.$Refresh$.cleanup(moduleId); 854 | }

fn C:/Users/p_m_k/source/repos/lunamanagement/webpack/bootstrap:150

147 | ); 148 | hotCurrentParents = []; 149 | }

150 | return webpack_require(request); | ^ 151 | }; 152 | var ObjectFactory = function ObjectFactory(name) { 153 | return {

1 http://localhost:3000/static/js/main.chunk.js:620:18 webpack_require C:/Users/p_m_k/source/repos/lunamanagement/webpack/bootstrap:851

848 | 849 | webpack_require.$Refresh$.init(); 850 | try {

851 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 852 | } finally { 853 | webpack_require.$Refresh$.cleanup(moduleId); 854 | }

checkDeferredModules C:/Users/p_m_k/source/repos/lunamanagement/webpack/bootstrap:45

42 | } 43 | if(fulfilled) { 44 | deferredModules.splice(i--, 1);

45 | result = webpack_require(__webpack_require__.s = deferredModule[0]); | ^ 46 | } 47 | } 48 |

webpackJsonpCallback C:/Users/p_m_k/source/repos/lunamanagement/webpack/bootstrap:32

29 | deferredModules.push.apply(deferredModules, executeModules || []); 30 | 31 | // run deferred modules when all chunks ready

32 | return checkDeferredModules(); | ^ 33 | }; 34 | function checkDeferredModules() { 35 | var result;

(anonymous function) http://localhost:3000/static/js/main.chunk.js:1:69

Resources (screenshots, code snippets etc.)


Krzysztof Wilk staff commented 3 years ago

Hi!

I answered you here https://mdbootstrap.com/support/react/cant-get-started/

Best regards


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: Priority
  • Premium support: Yes
  • Technology: MDB React
  • MDB Version: 5.0.1
  • Device: Any
  • Browser: Any
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes
Tags