fix: thread not reload after reply

src/routes/columns/_layout/events.$id.lazy.tsx

@@ -183,7 +183,6 @@ function ReplyList() {
 			"event",
 			async (data) => {
 				const event = LumeEvent.from(data.payload.raw, data.payload.parsed);
-				console.log(event);
 
 				await queryClient.setQueryData(
 					["replies", id],
@@ -200,6 +199,16 @@ function ReplyList() {
 		};
 	}, []);
 
+	useEffect(() => {
+		const unlisten = getCurrentWindow().listen(id, async () => {
+			await queryClient.invalidateQueries({ queryKey: ["replies", id] });
+		});
+
+		return () => {
+			unlisten.then((f) => f());
+		};
+	}, []);
+
 	return (
 		<div className="px-3">
 			<div className="flex items-center text-sm font-semibold h-14 text-neutral-600 dark:text-white/30">

src/routes/columns/_layout/events.$id.tsx

@@ -0,0 +1,9 @@
+import { commands } from "@/commands.gen";
+import { createFileRoute } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/columns/_layout/events/$id")({
+	beforeLoad: async () => {
+		const accounts = await commands.getAccounts();
+		return { accounts };
+	},
+});