diff --git a/packages/app/src/providers/app-state-provider/Provider.tsx b/packages/app/src/providers/app-state-provider/Provider.tsx
index 50ef656fb..9c65aae97 100644
--- a/packages/app/src/providers/app-state-provider/Provider.tsx
+++ b/packages/app/src/providers/app-state-provider/Provider.tsx
@@ -80,6 +80,17 @@ export const AppStateProvider = ({
     };
   }, [appState]);
 
+  useEffect(() => {
+    const { dataCenter } = appState;
+    // FIXME: onWorkspacesChange should have dispose function
+    dataCenter?.onWorkspacesChange(() => {
+      setAppState({
+        ...appState,
+        workspaceList: dataCenter.workspaces,
+      });
+    });
+  }, [appState]);
+
   const loadPage = (pageId: string) => {
     const { currentWorkspace, currentPage } = appState;
     if (pageId === currentPage?.id) {