Default import of Icon crushes production build

[deslancer]

When I use icons like import Icon from "@mdi/react"; it crushes production build,
I have get errors like : Error: Minified React error #130; visit https://reactjs.org/docs/error-decoder.html?invariant=130&args[]=object&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
After a long search for a solution, I noticed that the problem was the default import of the icon
So, if anyone encounters same errors, try to change default import od Icon to named :
import Icon from '@mdi/react'; -> import {Icon} from '@mdi/react';

My setup:

• React-18.2.0
• Typescript-4.9.5
• Vite-4.0.1
• Vitest-0.25.8
• nx-15.6.3

[simonfan]

Thank you so much! Same thing happened to me:

• next 14.1.0
• react 18.2.0

Works correctly in storybook, but crashes when using in Next.js. Specifically when the module is imported by a library.

[bmatasar]

The default import from a CommonJS (CJS) module is not handled in a consistent way in some bundlers.
Ideally, the example from README.md should have

import { Icon } from '@mdi/react';