Error with Buttons (React)


Topic: Error with Buttons (React)

Verzea pro asked 6 years ago

Hello, I now have access to the project and have added the access token with the link to the dependencies as follows: "mdbreact": "git+https://oauth2:<token>@git.mdbootstrap.com/mdb/react/re-pro.git", This is as explained in the quick start page: https://mdbootstrap.com/react/5-min-quick-start/ sAll the components show as they should. But the buttons break the whole application when clicked. I added (and imported) the following button to my page
<Button color="primary">Primary</Button>
And I get this error (see below). Can you fix this please? I can't click on buttons!   Uncaught Error: Unable to find node on an unmounted component. at invariant (react-dom.development.js:55) at findCurrentFiberUsingSlowPath (react-dom.development.js:4078) at findCurrentHostFiber (react-dom.development.js:4088) at findHostInstance (react-dom.development.js:17509) at Object.findDOMNode (react-dom.development.js:17974) at t.value (mdbreact.js:7) at t.value (mdbreact.js:7) at callComponentWillReceiveProps (react-dom.development.js:6880) at updateClassInstance (react-dom.development.js:7120) at updateClassComponent (react-dom.development.js:8333) at beginWork (react-dom.development.js:8966) at performUnitOfWork (react-dom.development.js:11798) at workLoop (react-dom.development.js:11827) at HTMLUnknownElement.callCallback (react-dom.development.js:104) at Object.invokeGuardedCallbackDev (react-dom.development.js:142) at invokeGuardedCallback (react-dom.development.js:191) at replayUnitOfWork (react-dom.development.js:11302) at renderRoot (react-dom.development.js:11869) at performWorkOnRoot (react-dom.development.js:12422) at performWork (react-dom.development.js:12343) at performSyncWork (react-dom.development.js:12320) at interactiveUpdates (react-dom.development.js:12570) at interactiveUpdates (react-dom.development.js:1962) at dispatchInteractiveEvent (react-dom.development.js:4256) index.js:2178 The above error occurred in the <t> component: in t in button in t (at SplashPage.jsx:14) in div (at SplashPage.jsx:13) in div (at SplashPage.jsx:12) in div (at SplashPage.jsx:6) in SplashPage (created by Route) in Route (at App.jsx:24) in Switch (at App.jsx:23) in div (at App.jsx:22) in Router (created by BrowserRouter) in BrowserRouter (at App.jsx:21) in App (at index.js:14) Consider adding an error boundary to your tree to customize error handling behavior. Visit https://fb.me/react-error-boundaries to learn more about error boundaries.   Thanks, Alex Verzea

Jakub Mandra staff premium answered 6 years ago

Hello, Could you please show some more code? It clearly is not a problem with the Button component, but with the whole dom which is not mounting properly. At least i draw such conclusions from the error log.   Best regards, Jakub

Verzea pro commented 6 years ago

Can I give you access to my project in GitLab and you can see for yourself? It's difficult to link large amounts of code here. The problem is exclusively with the Button component when clicked. Moreover, the buttons work fine on the free version. The problem appears only on the paid version of MDB-React.

Bartłomiej Malanowski staff pro premium commented 6 years ago

Verzea, please share your project with us at contact@mdbootstrap.com


Verzea pro commented 6 years ago

I contacted that address by email and explained my problem.

Bartłomiej Malanowski staff pro premium commented 6 years ago

Verzea, we've received your e-mail, so you should get an answer from our team soon

mediamed commented 6 years ago

@Bartłomiej we are having the same problem, how did you solve it? Many thanks


Bartłomiej Malanowski staff pro premium commented 6 years ago

@mediamed, I've manually created "missing" accounts ;) You can also contact me at b.malanowski@mdbootstrap.com so I'll create one for you


thaylor0184 commented 4 years ago

they should hereby propose the solution to this problem


thaylor0184 commented 4 years ago

they should hereby propose the solution to this problem


Piotr Glejzer staff commented 4 years ago

Do you have an excatly the same problem? This issue was created 2 years ago, can you show me your console with errors?


pidupuis pro answered 6 years ago

I'm having the same problem, how did you solve it? Thanks in advance

Bartłomiej Malanowski staff pro premium commented 6 years ago

The issue has been fixed

Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.7.0
  • Device: Laptop
  • Browser: Chrome
  • OS: Mac OSX
  • Provided sample code: Yes
  • Provided link: Yes