Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Switch causing "Element type is invalid" in Vite production build
See original GitHub issueThe Switch component causes a React error in the production build of a Vite project. It does not error in development mode. When you build and view a production build, you get a link to the following React error:
https://reactjs.org/docs/error-decoder.html/?invariant=130&args[]=object&args[]=
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.
OS: Windows 10, but probably all Browser: Chrome, Firefox, Edge Reproduction: https://stackblitz.com/edit/vitejs-vite-zsmuma?file=src/App.tsx
Reproduction steps:
- Use the
Switchcomponent in a Vite project - Build the project (
npm run build) - Preview/serve the project (
npm run preview, browser to http://localhost:5000)
I’m not sure if this is an issue with this project or with Vite, but thought I would start here as I’ve used Vite a bunch and never ran into this error before attempting to use this Switch component. Thank you for your work!
Issue Analytics
- State:
- Created 2 years ago
- Reactions:5
- Comments:9 (6 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
ESM support was shipped in 7.0.0. I checked that it works with Vite when using the normal import syntax and it does.
ESM support was shipped in 7.0.0. I checked that it works with Vite when using the normal import syntax and it does.