Unable to use with Next.js


Topic: Unable to use with Next.js

sofgesa pro premium priority asked 10 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 (
        <>
            <MDBBtn>Click</MDBBtn>
        </>
    );
};

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 10 months ago

Updating to 7.2.0 should resolve issues.


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Open

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB React
  • MDB Version: MDB5 6.3.0
  • Device: PC
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No