lucide: Latest release breaks with SvelteKit: `` is not a valid SSR component
Package
- lucide
- lucide-angular
- lucide-flutter
- lucide-preact
- lucide-react
- lucide-react-native
- lucide-solid
- lucide-svelte
- lucide-vue
- lucide-vue-next
- Figma plugin
- source/main
- other/not relevant
Version
0.270.0
Browser
- Chrome/Chromium
- Firefox
- Safari
- Edge
- iOS Safari
- Opera
- Other/not relevant
Operating system
- Windows
- Linux
- macOS
- Other/not relevant
Description
Using icons from the latest release is unfit for SvelteKit’s SSR. Reverting to version 0.269.0
works.
Steps to reproduce
- Import any icon as a named export (
import { User } from 'lucide-svelte'
) pnpm dev
- Observe logs
Checklist
- I have searched if someone has submitted a similar issue before and there weren’t any. (Please make sure to also search closed issues, as this issue might already have been resolved.)
About this issue
- Original URL
- State: closed
- Created 10 months ago
- Reactions: 19
- Comments: 22 (4 by maintainers)
Sorry for the late response.
Released beta version on
lucide-svelte@0.275.0-beta.0
Please have check if it now works.
Thanks to @JanTrichter for the fix in #1499
bug is still in 0.271.0 … 0.269.0 works
The bug is still present in 0.274.0
@delight Sorry we had some problems with duplicated alias/icon names. I just merged the fix #1555. All failed builds need to be released again. I will rerelease everything today. Including the fixes for lucide-svelte. I will post update when I’m done.
Yeah seems to be working now, thanks!
For me too, thank you!
lucide-svelte@0.275.0-beta.0 works for me
Working on it!
Downgrading to
0.372.0
fixes it. Something must have broken since thenumm nvm, Ig my package manager didn’t update the cached package and even though it was 0.279.0 in package.json, it was using old ones. I use PNPM, so I simply ran
pnpm up lucide-svelte --latest
which resolved my issue. Don’t know if this is pnpm specific issue or any package manager who uses cache mechanism. Thanks.