Handle sync for redo

src/hooks/useMultiplayerState.ts

@@ -407,26 +407,28 @@ export function useMultiplayerState({
   );
 
   const onUndo = useCallback(async (app: TldrawApp) => {
-    pauseSync();
     setIsReadOnlyToTrue(app);
+    pauseSync();
 
     const assetsBeforeUndo = [...app.assets];
     undoManager.undo();
     const assetsAfterUndo = [...app.assets];
 
     try {
       await handleAssets(assetsBeforeUndo, assetsAfterUndo);
-      console.log("handle Assets done");
     } catch (error) {
       undoManager.redo();
       toast.error("An error occurred while undoing");
     }
+
     resumeSync();
     setIsReadOnlyToFalse(app);
   }, []);
 
   const onRedo = useCallback(async (app: TldrawApp) => {
     setIsReadOnlyToTrue(app);
+    pauseSync();
+
     const assetsBeforeRedo = [...app.assets];
     undoManager.redo();
     const assetsAfterRedo = [...app.assets];
@@ -438,6 +440,7 @@ export function useMultiplayerState({
       toast.error("An error occurred while redoing");
     }
 
+    resumeSync();
     setIsReadOnlyToFalse(app);
   }, []);
 

src/stores/setup.ts

@@ -40,12 +40,10 @@ const yBindings: Map<TDBinding> = doc.getMap("bindings");
 const yAssets: Map<TDAsset> = doc.getMap("assets");
 const undoManager = new UndoManager([yShapes, yBindings, yAssets]);
 
-// Function to pause the sync
 const pauseSync = () => {
   provider.disconnect();
 };
 
-// Function to resume the sync
 const resumeSync = () => {
   provider.connect();
 };