useObserveフックの変更を追加***

このコミットでは、useObserveフックに以下の変更が追加されました:
- サーバータイムスタンプが現在のローカルタイムスタンプよりも大きい場合、現在のツリーのデータをロードする処理が追加されました。
- ツリーデータが更新された場合、現在のツリーのデータをリセットし、新しいデータをロードする処理が追加されました。
- データベースの同期が行われた場合、現在のツリーのデータをリセットし、新しいデータをロードする処理が追加されました。

src/hooks/useObserve.ts

@@ -89,6 +89,7 @@ export const useObserve = () => {
       const serverTimestamp = snapshot.val();
       const currentLocalTimestamp = useAppStateStore.getState().localTimestamp;
       if (serverTimestamp && serverTimestamp > currentLocalTimestamp) {
+        const currentTree = useTreeStateStore.getState().currentTree;
         setLocalTimestamp(serverTimestamp);
         const newTreesList = await loadTreesListFromDb(uid);
         setTreesList(newTreesList);
@@ -105,6 +106,11 @@ export const useObserve = () => {
               if (data.timestamp > currentLocalTimestamp) {
                 await copyTreeDataToIdbFromDb(treeId);
                 treeUpdateCount++;
+                if (currentTree && treeId === currentTree) {
+                  setPrevCurrentTree(null);
+                  setPrevItems([]);
+                  await loadCurrentTreeData(currentTree);
+                }
               }
             }
           });
@@ -116,16 +122,15 @@ export const useObserve = () => {
               const data = snapshot.val();
               if (data !== serverTimestamp) {
                 await syncDb();
+                if (currentTree) {
+                  setPrevCurrentTree(null);
+                  setPrevItems([]);
+                  await loadCurrentTreeData(currentTree);
+                }
               }
             }
           });
         }
-        const currentTree = useTreeStateStore.getState().currentTree;
-        if (currentTree) {
-          setPrevCurrentTree(null);
-          setPrevItems([]);
-          await loadCurrentTreeData(currentTree);
-        }
 
       }
       setIsLoading(false);