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!

  1. MDB Home Page
  2. Support Main Page
  3. MDB 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

bioaster pro answered 6 years ago

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

Bartłomiej Malanowski staff commented 6 years ago

The issue has been fixed

Jakub Mandra staff 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 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 commented 6 years ago

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

mediamed free commented 5 years ago

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

Bartłomiej Malanowski staff commented 5 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 free commented 4 years ago

they should hereby propose the solution to this problem

thaylor0184 free 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?
Write
Create snippet
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
  • ForumUser: 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
Tags
button react-error
About author
Verzea
Pro User 25Support score
10Questions 0Answers 0Snippets