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!


Topic: Unable to use with Next.js

sofgesa 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

Opened

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