issue using the package on next js

*_Expected behavior_*when install the package i can use it normal in next js

*_Actual behavior_*i installed the package in next js "^13.4.19" and i got this error :

./node_modules/react-perfect-scrollbar/dist/css/styles.cssGlobal CSS cannot be imported from within node_modules.Read more: https://nextjs.org/docs/messages/css-npmLocation: node_modules\mdb-react-ui-kit\dist\mdb-react-ui-kit.esm.js

Import trace for requested module:./node_modules/react-perfect-scrollbar/dist/css/styles.css./node_modules/mdb-react-ui-kit/dist/mdb-react-ui-kit.esm.js./pages/Home/index.js

Resources (screenshots, code snippets etc.)

import React, { useEffect } from 'react'; import { MDBCard , MDBButton} from 'mdb-react-ui-kit' import styles from './sample.module.css' const ExportredTitle = () => { console.log('---------loading remote component---------'); useEffect(() => { console.log('HOOKS WORKS'); }, []); return ( {' '} This came fom checkout !!! And it works like a charm v2

export default ExportredTitle;