SSR Error

[rallisf1]

Hello, I'm using @iconify/svelte for Icons but can't seem to publish/download my website.

Error

bdc8eac0-5950-4afa-a408-31970783d35f:64 Uncaught (in promise) Error: <Icon> is not a valid SSR component. You may need to review your build config to ensure that dependencies are compiled, rather than imported as pre-compiled modules
    at validate_component (bdc8eac0-5950-4afa-a408-31970783d35f:64)
    at bdc8eac0-5950-4afa-a408-31970783d35f:2605
    at each (bdc8eac0-5950-4afa-a408-31970783d35f:56)
    at bdc8eac0-5950-4afa-a408-31970783d35f:2605
    at $$render (bdc8eac0-5950-4afa-a408-31970783d35f:82)
    at Object.render (bdc8eac0-5950-4afa-a408-31970783d35f:90)
    at wp (processors.js:56)
    at async u (component.js:12)

my js code in component

Originally I only imported Icon but then tried the SSR fix proposed here: https://docs.iconify.design/icon-components/svelte/set-fetch.html

import Icon, { _api } from "@iconify/svelte";
import fetch from "node-fetch";
_api.setFetch(fetch);

how I use the icon in html

<Icon icon="{feature.icon}" height="48" />

any idea how to make it work?

[mateomorris]

Tested this import and it seems to work: import Icon from "@iconify/svelte/dist/Icon.svelte";
From this issue

No need for importing fetch or _api

[mateomorris]

That's a really neat library; thanks for bringing it to my attention. I've been importing all of fontawesome just for a few components 😰 . This builds them out as static SVGs

Much better 🚀