@izumisy-tailor/tailor-data-viewer 0.1.28 → 0.1.29

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@izumisy-tailor/tailor-data-viewer",
   "private": false,
-  "version": "0.1.28",
+  "version": "0.1.29",
   "type": "module",
   "description": "Flexible data viewer component for Tailor Platform",
   "files": [

package/src/component/hooks/table-data-store.ts

@@ -69,6 +69,7 @@ export class TableDataStore {
   private config: TableDataStoreConfig;
   private client: ReturnType<typeof createGraphQLClient>;
   private abortController: AbortController | null = null;
+  private hasFetchedInitially = false;
 
   constructor(config: TableDataStoreConfig) {
     this.config = config;
@@ -86,16 +87,21 @@ export class TableDataStore {
       },
       cursorHistory: [],
     };
-
-    // Start initial fetch immediately (no useEffect needed)
-    this.fetch();
   }
 
   /**
    * Subscribe to state changes (required by useSyncExternalStore)
+   * Triggers initial fetch on first subscription.
    */
   subscribe = (listener: () => void): (() => void) => {
     this.listeners.add(listener);
+
+    // Trigger initial fetch when first listener subscribes
+    // This ensures notify() will reach the listener
+    if (!this.hasFetchedInitially) {
+      this.hasFetchedInitially = true;
+      this.fetch();
+    }
     return () => {
       this.listeners.delete(listener);
     };

package/src/component/hooks/use-table-data.ts

@@ -129,7 +129,7 @@ export function useTableData(
 
   // Create store synchronously via useMemo
   // Store is recreated when any relevant config changes
-  // No useEffect needed - useMemo handles this synchronously during render
+  // Initial fetch is triggered when useSyncExternalStore subscribes
   const store = useMemo(() => {
     // Destroy previous store if exists
     if (storeRef.current) {