@multiplatform.one/frappe 7.10.0 → 7.15.0

package/dist/cjs/frappeReact.cjs

@@ -24,6 +24,7 @@ var frappeReact_exports = {};
 __export(frappeReact_exports, {
   __getActiveSyncModule: () => __getActiveSyncModule,
   getFrappeSyncModule: () => getFrappeSyncModule,
+  useFrappeCatchUp: () => useFrappeCatchUp,
   useFrappeCollection: () => useFrappeCollection,
   useFrappeConnection: () => useFrappeConnection,
   useFrappeDoctypeEvents: () => useFrappeDoctypeEvents,
@@ -41,10 +42,17 @@ var import_fixtureDb = require("./fixtureDb.cjs");
 var import_realtime = require("./realtime.cjs");
 var import_sync = require("./sync/index.cjs");
 var import_types = require("./sync/types.cjs");
+var import_syncOptionsKey = require("./syncOptionsKey.cjs");
 var import_util = require("./util.cjs");
 const syncModuleCache = /* @__PURE__ */new Map();
 const fixtureSyncModuleCache = /* @__PURE__ */new WeakMap();
+let latestSyncModule;
+function rememberLatestSyncModule(sync) {
+  if (typeof WeakRef === "function") latestSyncModule = new WeakRef(sync);
+}
 function __getActiveSyncModule() {
+  const latest = latestSyncModule?.deref();
+  if (latest) return latest;
   for (const sync of syncModuleCache.values()) return sync;
   return void 0;
 }
@@ -54,20 +62,26 @@ function getFrappeSyncModule(config) {
 }
 function getSyncModule(config) {
   if (!(0, import_util.isBrowser)()) return void 0;
+  const optionsKey = (0, import_syncOptionsKey.syncOptionsKey)(config.syncOptions);
   if (config.fixtures) {
-    let sync2 = fixtureSyncModuleCache.get(config.fixtures);
+    let cache = fixtureSyncModuleCache.get(config.fixtures);
+    if (!cache) {
+      cache = /* @__PURE__ */new Map();
+      fixtureSyncModuleCache.set(config.fixtures, cache);
+    }
+    let sync2 = cache.get(optionsKey);
     if (!sync2) {
       const db = new import_fixtureDb.FixtureDbModule(config.fixtures);
       sync2 = new import_sync.SyncModule(db, void 0, config.syncOptions);
-      fixtureSyncModuleCache.set(config.fixtures, sync2);
+      cache.set(optionsKey, sync2);
+      rememberLatestSyncModule(sync2);
     }
     return sync2;
   }
   if (!config.baseURL) return void 0;
-  const key = [config.baseURL, config.realtime === false ? "http" : "realtime", config.socketPort ?? "", config.socketBaseURL ?? "", config.siteName ?? ""].join("|");
+  const key = [config.baseURL, config.realtime === false ? "http" : "realtime", config.socketPort ?? "", config.socketBaseURL ?? "", config.siteName ?? "", optionsKey].join("|");
   let sync = syncModuleCache.get(key);
   if (!sync) {
-    console.debug(`[frappe-sync] SyncModule created for ${key} (persistKey=${config.syncOptions?.persistKey ?? "none"}, cdcInterval=${config.syncOptions?.cdcInterval ?? "off"})`);
     const authConfig = config.auth ? {
       useToken: config.auth.useToken,
       token: config.auth.token,
@@ -92,6 +106,7 @@ function getSyncModule(config) {
     };
     sync = new import_sync.SyncModule(db, config.realtime === false ? void 0 : new import_realtime.RealtimeModule(realtimeConfig), config.syncOptions);
     syncModuleCache.set(key, sync);
+    rememberLatestSyncModule(sync);
   }
   return sync;
 }
@@ -214,7 +229,11 @@ function cleanupEntryCollectionWhenIdle(entry) {
   };
   entry.gcTimer = setTimeout(tick, SHARED_COLLECTION_GC_MS);
 }
+const subscribeHydration = () => () => {};
+const clientCollectionAvailable = () => true;
+const serverCollectionAvailable = () => false;
 function useFrappeCollection(config, doctype, options) {
+  const collectionAvailable = (0, import_react.useSyncExternalStore)(subscribeHydration, clientCollectionAvailable, serverCollectionAvailable);
   const errorHandlerRef = (0, import_react.useRef)(options?.onSyncError);
   errorHandlerRef.current = options?.onSyncError;
   const stableErrorHandler = (0, import_react.useCallback)(error => {
@@ -224,7 +243,7 @@ function useFrappeCollection(config, doctype, options) {
   let cache;
   let key = "";
   let entry;
-  if (config && doctype) {
+  if (collectionAvailable && config && doctype) {
     const syncModule = getSyncModule(config);
     if (syncModule) {
       key = collectionOptionsKey(doctype, options);
@@ -256,34 +275,48 @@ function useFrappeCollection(config, doctype, options) {
   }, [entry, stableErrorHandler]);
   return entry ? entry.collection : void 0;
 }
+const idleCatchUpState = Object.freeze({
+  refreshing: false,
+  stale: false,
+  error: null
+});
+function useFrappeCatchUp(config) {
+  const sync = getFrappeSyncModule(config);
+  const subscribe = (0, import_react.useCallback)(listener => sync?.subscribeStore(listener) ?? (() => {}), [sync]);
+  const snapshot = (0, import_react.useCallback)(() => sync?.getCatchUpState() ?? idleCatchUpState, [sync]);
+  const state = (0, import_react.useSyncExternalStore)(subscribe, snapshot, () => idleCatchUpState);
+  const retry = (0, import_react.useCallback)(() => sync?.catchUp() ?? Promise.resolve(idleCatchUpState), [sync]);
+  return (0, import_react.useMemo)(() => ({
+    ...state,
+    retry
+  }), [state, retry]);
+}
 const DISCONNECTED_STATE = Object.freeze({
   connected: false,
   everConnected: false
 });
 function useFrappeConnection(config) {
   const [state, setState] = (0, import_react.useState)(DISCONNECTED_STATE);
+  const syncModule = config && !config.fixtures && config.realtime !== false ? getSyncModule(config) : void 0;
   (0, import_react.useEffect)(() => {
-    if (!config || config.fixtures || config.realtime === false || !(0, import_util.isBrowser)()) {
+    if (!syncModule) {
       setState(DISCONNECTED_STATE);
       return;
     }
-    const syncModule = getSyncModule(config);
-    if (!syncModule) return;
     const read = () => {
       const next = syncModule.getConnectionState();
       setState(prev => prev.connected === next.connected && prev.everConnected === next.everConnected ? prev : next);
     };
     read();
     return syncModule.subscribeStore(read);
-  }, [config?.baseURL, config?.realtime, !!config?.fixtures]);
+  }, [syncModule]);
   return config?.realtime === false ? DISCONNECTED_STATE : state;
 }
 function useFrappeDoctypeEvents(config, doctype, onEvent, enabled = true) {
   const handlerRef = (0, import_react.useRef)(onEvent);
   handlerRef.current = onEvent;
+  const syncModule = enabled && config && !config.fixtures && config.realtime !== false && doctype ? getSyncModule(config) : void 0;
   (0, import_react.useEffect)(() => {
-    if (!enabled || !config || config.fixtures || config.realtime === false || !doctype || !(0, import_util.isBrowser)()) return;
-    const syncModule = getSyncModule(config);
     if (!syncModule) return;
     syncModule.watchDoctype(doctype);
     const unsubscribe = syncModule.subscribeRealtimeEvents(event => {
@@ -298,21 +331,20 @@ function useFrappeDoctypeEvents(config, doctype, onEvent, enabled = true) {
       unsubscribe();
       syncModule.unwatchDoctype(doctype);
     };
-  }, [enabled, config?.baseURL, config?.realtime, !!config?.fixtures, doctype]);
+  }, [syncModule, doctype]);
 }
 const EMPTY_LEDGER = [];
 function useFrappePendingMutations(config, doctype) {
   const [entries, setEntries] = (0, import_react.useState)(EMPTY_LEDGER);
   const syncModuleRef = (0, import_react.useRef)(void 0);
+  const syncModule = getFrappeSyncModule(config);
   (0, import_react.useEffect)(() => {
-    if (!config || !(0, import_util.isBrowser)()) {
+    if (!syncModule) {
       setEntries(EMPTY_LEDGER);
       return;
     }
-    const syncModule = getSyncModule(config);
-    if (!syncModule) return;
     syncModuleRef.current = syncModule;
-    let lastSignature = "";
+    let lastSignature;
     const read = () => {
       const next = syncModule.getMutationEntries(doctype);
       const signature = next.map(e => `${e.id}:${e.status}:${e.retryCount}`).join("|");
@@ -321,8 +353,12 @@ function useFrappePendingMutations(config, doctype) {
       setEntries(next.length === 0 ? EMPTY_LEDGER : next);
     };
     read();
-    return syncModule.subscribeStore(read);
-  }, [config?.baseURL, config?.realtime, !!config?.fixtures, doctype]);
+    const unsubscribe = syncModule.subscribeStore(read);
+    return () => {
+      unsubscribe();
+      syncModuleRef.current = void 0;
+    };
+  }, [syncModule, doctype]);
   const retry = (0, import_react.useCallback)(async () => {
     await syncModuleRef.current?.replayPending();
   }, []);
@@ -437,9 +473,8 @@ function useFrappeInfiniteList(options) {
   const subscriptionIdRef = (0, import_react.useRef)(void 0);
   const syncModuleRef = (0, import_react.useRef)(void 0);
   const filtersKey = JSON.stringify(filters);
+  const syncModule = getFrappeSyncModule(config);
   (0, import_react.useEffect)(() => {
-    if (!config || !(0, import_util.isBrowser)()) return;
-    const syncModule = getSyncModule(config);
     if (!syncModule) return;
     syncModuleRef.current = syncModule;
     let cancelled = false;
@@ -489,19 +524,20 @@ function useFrappeInfiniteList(options) {
         syncModule.unsubscribe(subscriptionIdRef.current);
         subscriptionIdRef.current = void 0;
       }
+      syncModuleRef.current = void 0;
     };
-  }, [config?.baseURL, config?.realtime, config?.auth?.token, doctype, filtersKey, pageSize]);
+  }, [syncModule, config?.auth?.token, doctype, filtersKey, pageSize]);
   const loadMore = (0, import_react.useCallback)(async () => {
-    const syncModule = syncModuleRef.current;
+    const syncModule2 = syncModuleRef.current;
     const subId = subscriptionIdRef.current;
-    if (!syncModule || !subId || !hasMore || isLoadingMore) return;
+    if (!syncModule2 || !subId || !hasMore || isLoadingMore) return;
     setIsLoadingMore(true);
     setError(null);
     try {
-      const currentDocs = syncModule.getDocsForSubscription(subId);
+      const currentDocs = syncModule2.getDocsForSubscription(subId);
       const lastDoc = currentDocs[currentDocs.length - 1];
       if (!lastDoc) return;
-      await syncModule.getNextBatch(subId, lastDoc.name, pageSize);
+      await syncModule2.getNextBatch(subId, lastDoc.name, pageSize);
     } catch (err) {
       setError(err instanceof Error ? err : new Error(String(err)));
     } finally {
@@ -509,16 +545,16 @@ function useFrappeInfiniteList(options) {
     }
   }, [hasMore, isLoadingMore, pageSize]);
   const refresh = (0, import_react.useCallback)(async () => {
-    const syncModule = syncModuleRef.current;
-    if (!syncModule || !subscriptionIdRef.current) return;
-    syncModule.unsubscribe(subscriptionIdRef.current);
+    const syncModule2 = syncModuleRef.current;
+    if (!syncModule2 || !subscriptionIdRef.current) return;
+    syncModule2.unsubscribe(subscriptionIdRef.current);
     subscriptionIdRef.current = void 0;
     setItems([]);
     setHasMore(true);
     setIsLoading(true);
     setError(null);
     try {
-      const result = await syncModule.subscribe({
+      const result = await syncModule2.subscribe({
         doctype,
         fields,
         filters,
@@ -527,8 +563,8 @@ function useFrappeInfiniteList(options) {
         progressive: true
       });
       subscriptionIdRef.current = result.subscriptionId;
-      const docs = syncModule.getDocsForSubscription(result.subscriptionId);
-      const pageInfo = syncModule.getPageInfo(result.subscriptionId);
+      const docs = syncModule2.getDocsForSubscription(result.subscriptionId);
+      const pageInfo = syncModule2.getPageInfo(result.subscriptionId);
       setItems(transform ? docs.map(transform) : docs);
       setHasMore(pageInfo.hasMore);
     } catch (err) {

package/dist/cjs/frappeReact.native.js

@@ -26,6 +26,7 @@ var frappeReact_exports = {};
 __export(frappeReact_exports, {
   __getActiveSyncModule: () => __getActiveSyncModule,
   getFrappeSyncModule: () => getFrappeSyncModule,
+  useFrappeCatchUp: () => useFrappeCatchUp,
   useFrappeCollection: () => useFrappeCollection,
   useFrappeConnection: () => useFrappeConnection,
   useFrappeDoctypeEvents: () => useFrappeDoctypeEvents,
@@ -41,8 +42,9 @@ var import_http = require("./core/http.native.js");
 var import_db = require("./db.native.js");
 var import_fixtureDb = require("./fixtureDb.native.js");
 var import_realtime = require("./realtime.native.js");
-var import_sync = require("./sync/index.native.js");
+var import_sync = require("./sync");
 var import_types = require("./sync/types.native.js");
+var import_syncOptionsKey = require("./syncOptionsKey.native.js");
 var import_util = require("./util.native.js");
 function _instanceof(left, right) {
   "@swc/helpers - instanceof";
@@ -55,7 +57,13 @@ function _instanceof(left, right) {
 }
 var syncModuleCache = /* @__PURE__ */new Map();
 var fixtureSyncModuleCache = /* @__PURE__ */new WeakMap();
+var latestSyncModule;
+function rememberLatestSyncModule(sync) {
+  if (typeof WeakRef === "function") latestSyncModule = new WeakRef(sync);
+}
 function __getActiveSyncModule() {
+  var latest = latestSyncModule === null || latestSyncModule === void 0 ? void 0 : latestSyncModule.deref();
+  if (latest) return latest;
   var _iteratorNormalCompletion = true,
     _didIteratorError = false,
     _iteratorError = void 0;
@@ -87,22 +95,26 @@ function getFrappeSyncModule(config) {
 function getSyncModule(config) {
   var _config_socketPort, _config_socketBaseURL, _config_siteName;
   if (!(0, import_util.isBrowser)()) return void 0;
+  var optionsKey = (0, import_syncOptionsKey.syncOptionsKey)(config.syncOptions);
   if (config.fixtures) {
-    var sync = fixtureSyncModuleCache.get(config.fixtures);
+    var cache = fixtureSyncModuleCache.get(config.fixtures);
+    if (!cache) {
+      cache = /* @__PURE__ */new Map();
+      fixtureSyncModuleCache.set(config.fixtures, cache);
+    }
+    var sync = cache.get(optionsKey);
     if (!sync) {
       var db = new import_fixtureDb.FixtureDbModule(config.fixtures);
       sync = new import_sync.SyncModule(db, void 0, config.syncOptions);
-      fixtureSyncModuleCache.set(config.fixtures, sync);
+      cache.set(optionsKey, sync);
+      rememberLatestSyncModule(sync);
     }
     return sync;
   }
   if (!config.baseURL) return void 0;
-  var key = [config.baseURL, config.realtime === false ? "http" : "realtime", (_config_socketPort = config.socketPort) !== null && _config_socketPort !== void 0 ? _config_socketPort : "", (_config_socketBaseURL = config.socketBaseURL) !== null && _config_socketBaseURL !== void 0 ? _config_socketBaseURL : "", (_config_siteName = config.siteName) !== null && _config_siteName !== void 0 ? _config_siteName : ""].join("|");
+  var key = [config.baseURL, config.realtime === false ? "http" : "realtime", (_config_socketPort = config.socketPort) !== null && _config_socketPort !== void 0 ? _config_socketPort : "", (_config_socketBaseURL = config.socketBaseURL) !== null && _config_socketBaseURL !== void 0 ? _config_socketBaseURL : "", (_config_siteName = config.siteName) !== null && _config_siteName !== void 0 ? _config_siteName : "", optionsKey].join("|");
   var sync1 = syncModuleCache.get(key);
   if (!sync1) {
-    var _ref, _ref1;
-    var _config_syncOptions, _config_syncOptions1;
-    console.debug(`[frappe-sync] SyncModule created for ${key} (persistKey=${(_ref = (_config_syncOptions = config.syncOptions) === null || _config_syncOptions === void 0 ? void 0 : _config_syncOptions.persistKey) !== null && _ref !== void 0 ? _ref : "none"}, cdcInterval=${(_ref1 = (_config_syncOptions1 = config.syncOptions) === null || _config_syncOptions1 === void 0 ? void 0 : _config_syncOptions1.cdcInterval) !== null && _ref1 !== void 0 ? _ref1 : "off"})`);
     var authConfig = config.auth ? {
       useToken: config.auth.useToken,
       token: config.auth.token,
@@ -127,6 +139,7 @@ function getSyncModule(config) {
     };
     sync1 = new import_sync.SyncModule(db1, config.realtime === false ? void 0 : new import_realtime.RealtimeModule(realtimeConfig), config.syncOptions);
     syncModuleCache.set(key, sync1);
+    rememberLatestSyncModule(sync1);
   }
   return sync1;
 }
@@ -275,7 +288,17 @@ function cleanupEntryCollectionWhenIdle(entry) {
   };
   entry.gcTimer = setTimeout(tick, SHARED_COLLECTION_GC_MS);
 }
+var subscribeHydration = function subscribeHydration2() {
+  return function () {};
+};
+var clientCollectionAvailable = function clientCollectionAvailable2() {
+  return true;
+};
+var serverCollectionAvailable = function serverCollectionAvailable2() {
+  return false;
+};
 function useFrappeCollection(config, doctype, options) {
+  var collectionAvailable = (0, import_react.useSyncExternalStore)(subscribeHydration, clientCollectionAvailable, serverCollectionAvailable);
   var errorHandlerRef = (0, import_react.useRef)(options === null || options === void 0 ? void 0 : options.onSyncError);
   errorHandlerRef.current = options === null || options === void 0 ? void 0 : options.onSyncError;
   var stableErrorHandler = (0, import_react.useCallback)(function (error) {
@@ -286,7 +309,7 @@ function useFrappeCollection(config, doctype, options) {
   var cache;
   var key = "";
   var entry;
-  if (config && doctype) {
+  if (collectionAvailable && config && doctype) {
     var syncModule = getSyncModule(config);
     if (syncModule) {
       key = collectionOptionsKey(doctype, options);
@@ -325,19 +348,47 @@ function useFrappeCollection(config, doctype, options) {
   [entry, stableErrorHandler]);
   return entry ? entry.collection : void 0;
 }
+var idleCatchUpState = Object.freeze({
+  refreshing: false,
+  stale: false,
+  error: null
+});
+function useFrappeCatchUp(config) {
+  var sync = getFrappeSyncModule(config);
+  var subscribe = (0, import_react.useCallback)(function (listener) {
+    var _ref;
+    return (_ref = sync === null || sync === void 0 ? void 0 : sync.subscribeStore(listener)) !== null && _ref !== void 0 ? _ref : function () {};
+  }, [sync]);
+  var snapshot = (0, import_react.useCallback)(function () {
+    var _ref;
+    return (_ref = sync === null || sync === void 0 ? void 0 : sync.getCatchUpState()) !== null && _ref !== void 0 ? _ref : idleCatchUpState;
+  }, [sync]);
+  var state = (0, import_react.useSyncExternalStore)(subscribe, snapshot, function () {
+    return idleCatchUpState;
+  });
+  var retry = (0, import_react.useCallback)(function () {
+    var _ref;
+    return (_ref = sync === null || sync === void 0 ? void 0 : sync.catchUp()) !== null && _ref !== void 0 ? _ref : Promise.resolve(idleCatchUpState);
+  }, [sync]);
+  return (0, import_react.useMemo)(function () {
+    return {
+      ...state,
+      retry
+    };
+  }, [state, retry]);
+}
 var DISCONNECTED_STATE = Object.freeze({
   connected: false,
   everConnected: false
 });
 function useFrappeConnection(config) {
   var [state, setState] = (0, import_react.useState)(DISCONNECTED_STATE);
+  var syncModule = config && !config.fixtures && config.realtime !== false ? getSyncModule(config) : void 0;
   (0, import_react.useEffect)(function () {
-    if (!config || config.fixtures || config.realtime === false || !(0, import_util.isBrowser)()) {
+    if (!syncModule) {
       setState(DISCONNECTED_STATE);
       return;
     }
-    var syncModule = getSyncModule(config);
-    if (!syncModule) return;
     var read = function read2() {
       var next = syncModule.getConnectionState();
       setState(function (prev) {
@@ -348,16 +399,15 @@ function useFrappeConnection(config) {
     return syncModule.subscribeStore(read);
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [config === null || config === void 0 ? void 0 : config.baseURL, config === null || config === void 0 ? void 0 : config.realtime, !!(config === null || config === void 0 ? void 0 : config.fixtures)]);
+  [syncModule]);
   return (config === null || config === void 0 ? void 0 : config.realtime) === false ? DISCONNECTED_STATE : state;
 }
 function useFrappeDoctypeEvents(config, doctype, onEvent) {
   var enabled = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : true;
   var handlerRef = (0, import_react.useRef)(onEvent);
   handlerRef.current = onEvent;
+  var syncModule = enabled && config && !config.fixtures && config.realtime !== false && doctype ? getSyncModule(config) : void 0;
   (0, import_react.useEffect)(function () {
-    if (!enabled || !config || config.fixtures || config.realtime === false || !doctype || !(0, import_util.isBrowser)()) return;
-    var syncModule = getSyncModule(config);
     if (!syncModule) return;
     syncModule.watchDoctype(doctype);
     var unsubscribe = syncModule.subscribeRealtimeEvents(function (event) {
@@ -374,21 +424,20 @@ function useFrappeDoctypeEvents(config, doctype, onEvent) {
     };
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [enabled, config === null || config === void 0 ? void 0 : config.baseURL, config === null || config === void 0 ? void 0 : config.realtime, !!(config === null || config === void 0 ? void 0 : config.fixtures), doctype]);
+  [syncModule, doctype]);
 }
 var EMPTY_LEDGER = [];
 function useFrappePendingMutations(config, doctype) {
   var [entries, setEntries] = (0, import_react.useState)(EMPTY_LEDGER);
   var syncModuleRef = (0, import_react.useRef)(void 0);
+  var syncModule = getFrappeSyncModule(config);
   (0, import_react.useEffect)(function () {
-    if (!config || !(0, import_util.isBrowser)()) {
+    if (!syncModule) {
       setEntries(EMPTY_LEDGER);
       return;
     }
-    var syncModule = getSyncModule(config);
-    if (!syncModule) return;
     syncModuleRef.current = syncModule;
-    var lastSignature = "";
+    var lastSignature;
     var read = function read2() {
       var next = syncModule.getMutationEntries(doctype);
       var signature = next.map(function (e) {
@@ -399,10 +448,14 @@ function useFrappePendingMutations(config, doctype) {
       setEntries(next.length === 0 ? EMPTY_LEDGER : next);
     };
     read();
-    return syncModule.subscribeStore(read);
+    var unsubscribe = syncModule.subscribeStore(read);
+    return function () {
+      unsubscribe();
+      syncModuleRef.current = void 0;
+    };
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [config === null || config === void 0 ? void 0 : config.baseURL, config === null || config === void 0 ? void 0 : config.realtime, !!(config === null || config === void 0 ? void 0 : config.fixtures), doctype]);
+  [syncModule, doctype]);
   var retry = (0, import_react.useCallback)(async function () {
     var _syncModuleRef_current;
     await ((_syncModuleRef_current = syncModuleRef.current) === null || _syncModuleRef_current === void 0 ? void 0 : _syncModuleRef_current.replayPending());
@@ -525,9 +578,8 @@ function useFrappeInfiniteList(options) {
   var subscriptionIdRef = (0, import_react.useRef)(void 0);
   var syncModuleRef = (0, import_react.useRef)(void 0);
   var filtersKey = JSON.stringify(filters);
+  var syncModule = getFrappeSyncModule(config);
   (0, import_react.useEffect)(function () {
-    if (!config || !(0, import_util.isBrowser)()) return;
-    var syncModule = getSyncModule(config);
     if (!syncModule) return;
     syncModuleRef.current = syncModule;
     var cancelled = false;
@@ -577,21 +629,22 @@ function useFrappeInfiniteList(options) {
         syncModule.unsubscribe(subscriptionIdRef.current);
         subscriptionIdRef.current = void 0;
       }
+      syncModuleRef.current = void 0;
     };
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [config === null || config === void 0 ? void 0 : config.baseURL, config === null || config === void 0 ? void 0 : config.realtime, config === null || config === void 0 ? void 0 : (_config_auth = config.auth) === null || _config_auth === void 0 ? void 0 : _config_auth.token, doctype, filtersKey, pageSize]);
+  [syncModule, config === null || config === void 0 ? void 0 : (_config_auth = config.auth) === null || _config_auth === void 0 ? void 0 : _config_auth.token, doctype, filtersKey, pageSize]);
   var loadMore = (0, import_react.useCallback)(async function () {
-    var syncModule = syncModuleRef.current;
+    var syncModule2 = syncModuleRef.current;
     var subId = subscriptionIdRef.current;
-    if (!syncModule || !subId || !hasMore || isLoadingMore) return;
+    if (!syncModule2 || !subId || !hasMore || isLoadingMore) return;
     setIsLoadingMore(true);
     setError(null);
     try {
-      var currentDocs = syncModule.getDocsForSubscription(subId);
+      var currentDocs = syncModule2.getDocsForSubscription(subId);
       var lastDoc = currentDocs[currentDocs.length - 1];
       if (!lastDoc) return;
-      await syncModule.getNextBatch(subId, lastDoc.name, pageSize);
+      await syncModule2.getNextBatch(subId, lastDoc.name, pageSize);
     } catch (err) {
       setError(_instanceof(err, Error) ? err : new Error(String(err)));
     } finally {
@@ -599,16 +652,16 @@ function useFrappeInfiniteList(options) {
     }
   }, [hasMore, isLoadingMore, pageSize]);
   var refresh = (0, import_react.useCallback)(async function () {
-    var syncModule = syncModuleRef.current;
-    if (!syncModule || !subscriptionIdRef.current) return;
-    syncModule.unsubscribe(subscriptionIdRef.current);
+    var syncModule2 = syncModuleRef.current;
+    if (!syncModule2 || !subscriptionIdRef.current) return;
+    syncModule2.unsubscribe(subscriptionIdRef.current);
     subscriptionIdRef.current = void 0;
     setItems([]);
     setHasMore(true);
     setIsLoading(true);
     setError(null);
     try {
-      var result = await syncModule.subscribe({
+      var result = await syncModule2.subscribe({
         doctype,
         fields,
         filters,
@@ -617,8 +670,8 @@ function useFrappeInfiniteList(options) {
         progressive: true
       });
       subscriptionIdRef.current = result.subscriptionId;
-      var docs = syncModule.getDocsForSubscription(result.subscriptionId);
-      var pageInfo = syncModule.getPageInfo(result.subscriptionId);
+      var docs = syncModule2.getDocsForSubscription(result.subscriptionId);
+      var pageInfo = syncModule2.getPageInfo(result.subscriptionId);
       setItems(transform ? docs.map(transform) : docs);
       setHasMore(pageInfo.hasMore);
     } catch (err) {