diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index ca90b4a..64d4d89 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,2 +1,7 @@
-<h1>Home Page</h1>
+<script>
+    import List from "$lib/components/list.svelte";
+</script>
+
+<h1>Home Page</h1>
+<List did="test" />
 
diff --git a/src/routes/user/[handle]/+page.svelte b/src/routes/user/[handle]/+page.svelte
index 1392a9e..167bf3a 100644
--- a/src/routes/user/[handle]/+page.svelte
+++ b/src/routes/user/[handle]/+page.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import List from '$lib/components/list.svelte';
 	import type { PageProps } from './$types';
 
 	let { data }: PageProps = $props();
@@ -8,5 +9,6 @@
 <h1>{data.userData.handle}</h1>
 <h2>{data.userData.did}</h2>
 
+<List did={data.userData.did} rpc={data.rpc}/>
 
 
diff --git a/src/routes/user/[handle]/+page.ts b/src/routes/user/[handle]/+page.ts
index 3d5b01e..eb272a7 100644
--- a/src/routes/user/[handle]/+page.ts
+++ b/src/routes/user/[handle]/+page.ts
@@ -13,6 +13,7 @@ export const load: PageLoad = async ({ parent, params }) => {
 		userData: {
 			handle: params.handle,
 			did: userData.did
-		}
+		},
+		rpc
 	};
 };