From 29df81ad7b826568ac96c4bd0d9964fb7a29c94f Mon Sep 17 00:00:00 2001
From: Jeff Emmett <46964190+Jeff-Emmett@users.noreply.github.com>
Date: Sat, 7 Dec 2024 15:35:53 -0500
Subject: [PATCH] one more attempt

---
 src/components/Board.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Board.tsx b/src/components/Board.tsx
index dc2ee77..3dea2ef 100644
--- a/src/components/Board.tsx
+++ b/src/components/Board.tsx
@@ -1,4 +1,5 @@
 import { useSync } from '@tldraw/sync'
+import { useMemo } from 'react'
 import {
 	AssetRecordType,
 	getHashForString,
@@ -10,7 +11,6 @@ import {
 	TLUiEventSource,
 } from 'tldraw'
 import { useParams } from 'react-router-dom'
-import useLocalStorageState from 'use-local-storage-state'
 import { ChatBoxTool } from '@/tools/ChatBoxTool'
 import { ChatBoxShape } from '@/shapes/ChatBoxShapeUtil'
 import { VideoChatTool } from '@/tools/VideoChatTool'
@@ -38,14 +38,14 @@ export function Board() {
 	const { slug } = useParams<{ slug: string }>();
 	const roomId = slug || 'default-room';
 
-	const store = useSync({
+	const storeConfig = useMemo(() => ({
 		uri: `${WORKER_URL}/connect/${roomId}`,
 		assets: multiplayerAssetStore,
 		shapeUtils: [...shapeUtils, ...defaultShapeUtils],
-		// Add default bindings if you're using them
 		bindingUtils: [...defaultBindingUtils],
-	})
+	}), [roomId]);
 
+	const store = useSync(storeConfig);
 	const [editor, setEditor] = useState<Editor | null>(null)
 	const { zoomToFrame, copyFrameLink, copyLocationLink, revertCamera } = useCameraControls(editor)