Describe the bug
I am using Vite + React + @mdi/js + @mdi/react
While switching to Vite 8, the app stops to work and the console shows:
Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.
The app is larger, there might be other libs causing problems but for now this is a good reproducible example.
Reproduction
https://stackblitz.com/edit/vitejs-vite-zfdtmybc?file=src%2FApp.jsx
Steps to reproduce
- Create new app with vite8 + react
- Run
npm add @mdi/js @mdi/react
- In
App.jsx import an icon and add it to the app
...
import Icon from '@mdi/react';
import { mdiAccount } from '@mdi/js';
...
<div>
<Icon path={mdiAccount} size={1} horizontal vertical rotate={90} color="red"/>
</div>
...
System Info
System:
OS: Linux 5.0 undefined
CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
Memory: 0 Bytes / 0 Bytes
Shell: 1.0 - /bin/jsh
Binaries:
Node: 20.19.1 - /usr/local/bin/node
Yarn: 1.22.19 - /usr/local/bin/yarn
npm: 10.8.2 - /usr/local/bin/npm
pnpm: 8.15.6 - /usr/local/bin/pnpm
npmPackages:
@vitejs/plugin-react: ^6.0.0 => 6.0.0
vite: ^8.0.0 => 8.0.0
Used Package Manager
npm
Logs
No response
Validations
Describe the bug
I am using Vite + React + @mdi/js + @mdi/react
While switching to Vite 8, the app stops to work and the console shows:
The app is larger, there might be other libs causing problems but for now this is a good reproducible example.
Reproduction
https://stackblitz.com/edit/vitejs-vite-zfdtmybc?file=src%2FApp.jsx
Steps to reproduce
npm add @mdi/js @mdi/reactApp.jsximport an icon and add it to the appSystem Info
System: OS: Linux 5.0 undefined CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz Memory: 0 Bytes / 0 Bytes Shell: 1.0 - /bin/jsh Binaries: Node: 20.19.1 - /usr/local/bin/node Yarn: 1.22.19 - /usr/local/bin/yarn npm: 10.8.2 - /usr/local/bin/npm pnpm: 8.15.6 - /usr/local/bin/pnpm npmPackages: @vitejs/plugin-react: ^6.0.0 => 6.0.0 vite: ^8.0.0 => 8.0.0Used Package Manager
npm
Logs
No response
Validations