feat: support get datasource status (#3645)

packages/hooks/src/use-data-source-status.ts

@@ -0,0 +1,15 @@
+import type { Status, StatusAdapter } from '@affine/y-provider';
+import { useCallback, useSyncExternalStore } from 'react';
+
+type UIStatus =
+  | Status
+  | {
+      type: 'unknown';
+    };
+
+export function useDataSourceStatus(datasource: StatusAdapter): UIStatus {
+  return useSyncExternalStore(
+    datasource.subscribeStatusChange,
+    useCallback(() => datasource.status, [datasource])
+  );
+}