Topic: How to use mdbreact in ReactJS

Rahul Sharma free asked 5 years ago

I had installed MDB using "npm install --save mdbreact" and used " import {Button} from 'mdbreact'; " on my index.js page

but when I am using <Button className="primary"/> on AboutPage then, It throws an error saying


Element ref was specified as a string (ripple) but no owner was set. You may have multiple copies of React loaded. (details:



john blakley free commented 5 years ago

same here

navshbk free answered 3 years ago


I am binding MDB datatable from "api". I don't want to display all the columns like (Id, CustomerId etc.) in the gfrid. How can I hide columns in this datatable?

Jakub Mandra staff commented 3 years ago


You will have to write your custom css with something like this:

.table.dataTable thead tr th:nth-of-type(YOUR\_SELECTOR) { display: none }
.table.dataTable tbody tr td:nth-of-type(YOUR\_SELECTOR) { display: none }



Mikołaj Smoleński staff answered 5 years ago

We’ve fixed this bug by updating our product to the latest React version and changing refs into ReactDOM in Waves component. Please delete mdbreact from package.json and add it again to dependencies like this: “mdbreact”:”git+” We’ll fix it also in the next update of mdbreact in npm. Regards

Bruno Miyamotto Luque pro commented 4 years ago

Hi Im using MDBPro and use "mdbreact": "git+" and its not working. Heroku rejects it, thanks

Bartłomiej Malanowski staff commented 4 years ago

Could you please share your project with me at ?

Please insert min. 20 characters.


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



Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No