diff --git a/packages/web/src/components/Share.tsx b/packages/web/src/components/Share.tsx
index bf5d38ab..0f60c8f3 100644
--- a/packages/web/src/components/Share.tsx
+++ b/packages/web/src/components/Share.tsx
@@ -1,6 +1,6 @@
-import { For, Show, onMount, Suspense, onCleanup, createMemo, createSignal, SuspenseList } from "solid-js"
+import { For, Show, onMount, Suspense, onCleanup, createMemo, createSignal, SuspenseList, createEffect } from "solid-js"
 import { DateTime } from "luxon"
-import { createStore, reconcile } from "solid-js/store"
+import { createStore, reconcile, unwrap } from "solid-js/store"
 import { mapValues } from "remeda"
 import { IconArrowDown } from "./icons"
 import { IconOpencode } from "./icons/custom"
@@ -62,9 +62,7 @@ export default function Share(props: {
     info?: Session.Info
     messages: Record<string, MessageWithParts>
   }>({ info: props.info, messages: mapValues(props.messages, (x: any) => ("metadata" in x ? fromV1(x) : x)) })
-  const messages = createMemo(() =>
-    Object.values(store.messages).toSorted((a, b) => (a.id || "").localeCompare(b.id || "")),
-  )
+  const messages = createMemo(() => Object.values(store.messages).toSorted((a, b) => a.id?.localeCompare(b.id)))
   const [connectionStatus, setConnectionStatus] = createSignal<[Status, string?]>(["disconnected", "Disconnected"])
   // createEffect(() => {
   //   console.log(unwrap(store))