-
-
Notifications
You must be signed in to change notification settings - Fork 8k
Vite 8 breaks existing code #21841
Copy link
Copy link
Closed
Description
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
Steps to reproduce
- Create new app with vite8 + react
- Run
npm add @mdi/js @mdi/react - In
App.jsximport 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.0Used Package Manager
npm
Logs
No response
Validations
- Follow our Code of Conduct
- Read the Contributing Guidelines.
- Read the docs.
- Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
- Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
- Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
- The provided reproduction is a minimal reproducible example of the bug.
Reactions are currently unavailable