abstracted subscribe to state in composite

src/lib/components/HelloEarth/HelloEarth.svelte

@@ -1,12 +1,8 @@
 <script>
-	export let id;
-
-	import { getCompositeStore } from '$lib/core/compositeStores';
 	import { onMount } from 'svelte';
 
-	const store = getCompositeStore(id);
-
 	export let services;
+	export let store;
 
 	onMount(async () => {
 		if (services && services.helloEarthAlert) {
@@ -17,4 +13,6 @@
 	});
 </script>
 
-<div class="p-12 bg-blue-400">Hello Earth {JSON.stringify($store.pkpWallet.address)}</div>
+{#if $store && $store.pkpWallet.address}
+	<div class="p-12 bg-blue-400">Hello Earth {JSON.stringify($store.pkpWallet.address)}</div>
+{/if}