Error adding Sidebar

[crowne]

I've tried to add a Sidebar to my app by following the steps on this page
https://next.shadcn-svelte.com/docs/components/sidebar

Can anyone explain if I'm doing something wrong or if this is a bug.
The error below is generated when the following import is added to +layout.svelte

import * as Sidebar from "$lib/components/ui/sidebar/index";

Error
[vite] Error when evaluating SSR module /src/lib/components/ui/sidebar/sidebar-trigger.svelte: failed to import "lucide-svelte/icons/panel-left" |- TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".svelte" for C:\projects\myapp\node_modules\.pnpm\[email protected][email protected]\node_modules\lucide-svelte\dist\icons\panel-left.svelte at Object.getFileProtocolModuleFormat [as file:] (node:internal/modules/esm/get_format:160:9) at defaultGetFormat (node:internal/modules/esm/get_format:203:36) at defaultLoad (node:internal/modules/esm/load:143:22) at async ModuleLoader.load (node:internal/modules/esm/loader:409:7) at async ModuleLoader.moduleProvider (node:internal/modules/esm/loader:291:45)

Edit MRE
I've tried to setup an MRE on stackblitz
As soon as I add
import * as Sidebar from "$lib/components/ui/sidebar/index";

An error is shown:

[plugin:vite-plugin-svelte-module]
src/lib/components/ui/sidebar/context.svelte.ts:6:16
$derived.by(...) can only be used as a variable declaration initializer or a class field

[crowne]

Adding lucide-svelte seems to have resolved this for me.
pnpm add lucide-svelte