Is clientOnly needed for lucide-solid icons in solid start?

[kiahjh]

Hi!

I'm trying to use the lucide-solid library for icons in my solid start app, but I'm getting this error:

3:05:03 PM [vite] Error when evaluating SSR module /src/components/Header.tsx: failed to import "lucide-solid"
|- file:///Users/miciah/active-projects/flying-squirrel/node_modules/lucide-solid/dist/esm/Icon.js:8
import { spread, mergeProps, memo, insert, createComponent, Dynamic, template } from 'solid-js/web';
                             ^^^^
SyntaxError: The requested module 'solid-js/web' does not provide an export named 'memo'
    at ModuleJob._instantiate (node:internal/modules/esm/module_job:171:21)
    at async ModuleJob.run (node:internal/modules/esm/module_job:254:5)
    at async onImport.tracePromise.__proto__ (node:internal/modules/esm/loader:482:26)
    at async nodeImport (file:///Users/miciah/active-projects/flying-squirrel/node_modules/vite/dist/node/chunks/dep-BEhTnQAI.js:52998:15)
    at async ssrImport (file:///Users/miciah/active-projects/flying-squirrel/node_modules/vite/dist/node/chunks/dep-BEhTnQAI.js:52856:16)
    at async eval (/Users/miciah/active-projects/flying-squirrel/packages/app/src/components/Header.tsx:7:31)
    at async instantiateModule (file:///Users/miciah/active-projects/flying-squirrel/node_modules/vite/dist/node/chunks/dep-BEhTnQAI.js:52914:5)

If I wrap it with clientOnly it works fine; is that the way I should do it? Or is there a way to server render the icons?

Thanks in advance!

[joaoprocopio]

https://lucide.dev/guide/packages/lucide-solid#how-to-use

Vite loading/performing issues with the dev server can be resolved by import icons directly from the lucide-solid/icons directory:

import Camera from 'lucide-solid/icons/camera';

// Usage
const App = () => {
  return <Camera color="red" size={48} />;
};

export default App;