I got error while using it in next js

[bilalmohib]

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Install using

// with npm
npm install mui-file-input

// with yarn
yarn add mui-file-input

2. Use typescript in your project
3. Just use sample code provided here : https://www.npmjs.com/package/mui-file-input
4. Use Next JS latest version
5. You will see the following error
   Failed to compile
   ./node_modules/@mui/material/node_modules/react-is/index.js
   Module build failed: Error: ENOENT: no such file or directory, open '/workspaces/AlumTecRedesign/node_modules/@mui/material/node_modules/react-is/index.js'

Expected behavior
It must work as a normal file picker but it dosent work in next js

Screenshots
Here is the screenshot of the error

Desktop (please complete the following information):

• OS: MAC OS(Mac Book Pro)
• Browser : Chrome
• Version : 116.0.5845.140 (Official Build) (x86_64)

Smartphone (please complete the following information):

• Device: N/A
• OS: N/A
• Browser N/A
• Version N/A

Additional context
Using next js latest version and using typescript and tailwind css also but dont know the reason for error

[viclafouch]

Hello ! Could you share a codesandbox for repro plz ?

[rifqiahmadf]

Hi @bilalmohib, I ran with the same issue and solved by updating the next.config.js
I hope this code will help you too!

module.exports = {
    transpilePackages: ['mui-file-input],
    /* Your Next.js config */
};

My project:
...
"next": "13.2.4",
"@mui/material": "^5.14.5",
"mui-file-input": "^3.0.2",
...