Topic: Unable to use with Next.js

sofgesa priority asked 4 months ago

Expected behavior Installation through .tgz package should work fine with pages router.

Actual behavior Installation didn't work due to a problem with globals styles from node_modules (related to "react-perfect-scrollbar") and temporary solution of moving mdb-react-ui-kit from node_modules to src doesn't work.

Resources (screenshots, code snippets etc.) Moving the package from node_modules to src seems to not throw errors, but after trying to use MDBBtn component, the following error shows up:

import { MDBBtn } from "../mdb-react-ui-kit/dist/mdb-react-ui-kit.esm";

const Index = () => {
    return (

export default Index;

Error when using MDBBtn in the project

I also tried other files that export MDBBtn but they don't work neither.

We can't continue our project while there isn't a working version for Next.js, so any update on this would be appreciated.

Mateusz Lazaru staff commented 4 months ago

Updating to 7.2.0 should resolve issues.

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

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