Unable to use with Next.js


Topic: Unable to use with Next.js

sofgesa pro premium priority asked 9 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 9 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