Components render as undefined?

[fubz]

I'm trying to use the svelte components; however, they all render as undefined. Here is a minimal example that fails. I have a development relay I'm working with.

<script>
	import { onMount } from 'svelte';
	import { Name, RelayList } from '@nostr-dev-kit/ndk-svelte-components';
	import NDK, { NDKEvent, NDKNip07Signer } from '@nostr-dev-kit/ndk';

    let ndk;
    let npub = "npub1srwzlgp39charftweq5k28xeea4lr02fmwu0jhyhcj9sfdhtkjxstqm070"

	onMount(async () => {
        localStorage.debug = 'ndk:*'

		ndk = new NDK({ explicitRelayUrls: ['wss://relay.nostr-dev.lan'] });
		await ndk.connect();

           
        const dev = await ndk.getUser({npub: npub})
        if(dev) {
            console.log('dev user', dev)
        }
    })

   
</script>

<h1>NDK Svelte Components</h1>
<code>{npub}</code>
<hr>
<div>
    Name: <Name ndk={ndk} npub={npub}/>
</div>
<div>
    <RelayList ndk={ndk}/>
</div>

Console logs:

test:39 [HMR][Svelte] Unrecoverable HMR error in <Root>: next update will trigger a full reload
+page.svelte:18 dev _NDKUser {ndk: NDK, profile: undefined, _npub: 'npub1srwzlgp39charftweq5k28xeea4lr02fmwu0jhyhcj9sfdhtkjxstqm070', _pubkey: undefined, relayUrls: Array(0), …}
@nostr-dev-kit_ndk-svelte-components.js?v=b5da03b9:294275 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'pool')
    at update (@nostr-dev-kit_ndk-svelte-components.js?v=b5da03b9:294275:45)

The html source for the Name component:
<span class="name undefined"></span>

[pablof7z]

you are creating ndk in the onMount call, which will run after rendering the page, so ndk will in fact be undefined on first run; either instantiate ndk outside the onMount or wrap your use in {#if ndk}