react-native-onyx 3.0.22 → 3.0.24

package/dist/Onyx.js

@@ -60,7 +60,11 @@ function init({ keys = {}, initialKeyStates = {}, evictableKeys = [], maxCachedK
     if (shouldSyncMultipleInstances) {
         (_a = storage_1.default.keepInstancesSync) === null || _a === void 0 ? void 0 : _a.call(storage_1.default, (key, value) => {
             OnyxCache_1.default.set(key, value);
-            OnyxUtils_1.default.keyChanged(key, value);
+            // Check if this is a collection member key to prevent duplicate callbacks
+            // When a collection is updated, individual members sync separately to other tabs
+            // Setting isProcessingCollectionUpdate=true prevents triggering collection callbacks for each individual update
+            const isKeyCollectionMember = OnyxUtils_1.default.isCollectionMember(key);
+            OnyxUtils_1.default.keyChanged(key, value, undefined, true, isKeyCollectionMember);
         });
     }
     if (maxCachedKeysCount > 0) {

package/dist/OnyxUtils.d.ts

@@ -107,6 +107,12 @@ declare function getCollectionKeys(): Set<OnyxKey>;
  */
 declare function isCollectionKey(key: OnyxKey): key is CollectionKeyBase;
 declare function isCollectionMemberKey<TCollectionKey extends CollectionKeyBase>(collectionKey: TCollectionKey, key: string): key is `${TCollectionKey}${string}`;
+/**
+ * Checks if a given key is a collection member key (not just a collection key).
+ * @param key - The key to check
+ * @returns true if the key is a collection member, false otherwise
+ */
+declare function isCollectionMember(key: OnyxKey): boolean;
 /**
  * Splits a collection member key into the collection key part and the ID part.
  * @param key - The collection member key to split.
@@ -328,6 +334,7 @@ declare const OnyxUtils: {
     getCollectionKeys: typeof getCollectionKeys;
     isCollectionKey: typeof isCollectionKey;
     isCollectionMemberKey: typeof isCollectionMemberKey;
+    isCollectionMember: typeof isCollectionMember;
     splitCollectionMemberKey: typeof splitCollectionMemberKey;
     isKeyMatch: typeof isKeyMatch;
     tryGetCachedValue: typeof tryGetCachedValue;

package/dist/OnyxUtils.js

@@ -391,6 +391,22 @@ function isCollectionKey(key) {
 function isCollectionMemberKey(collectionKey, key) {
     return key.startsWith(collectionKey) && key.length > collectionKey.length;
 }
+/**
+ * Checks if a given key is a collection member key (not just a collection key).
+ * @param key - The key to check
+ * @returns true if the key is a collection member, false otherwise
+ */
+function isCollectionMember(key) {
+    try {
+        const collectionKey = getCollectionKey(key);
+        // If the key is longer than the collection key, it's a collection member
+        return key.length > collectionKey.length;
+    }
+    catch (e) {
+        // If getCollectionKey throws, the key is not a collection member
+        return false;
+    }
+}
 /**
  * Splits a collection member key into the collection key part and the ID part.
  * @param key - The collection member key to split.
@@ -1393,6 +1409,7 @@ const OnyxUtils = {
     getCollectionKeys,
     isCollectionKey,
     isCollectionMemberKey,
+    isCollectionMember,
     splitCollectionMemberKey,
     isKeyMatch,
     tryGetCachedValue,

package/dist/useOnyx.js

@@ -86,6 +86,7 @@ function useOnyx(key, options, dependencies = []) {
     const previousValueRef = (0, react_1.useRef)(null);
     // Stores the newest cached value in order to compare with the previous one and optimize `getSnapshot()` execution.
     const newValueRef = (0, react_1.useRef)(null);
+    const lastConnectedKeyRef = (0, react_1.useRef)(key);
     // Stores the previously result returned by the hook, containing the data from cache and the fetch status.
     // We initialize it to `undefined` and `loading` fetch status to simulate the initial result when the hook is loading from the cache.
     // However, if `initWithStoredValues` is `false` we set the fetch status to `loaded` since we want to signal that data is ready.
@@ -114,6 +115,15 @@ function useOnyx(key, options, dependencies = []) {
         canBeMissing: options === null || options === void 0 ? void 0 : options.canBeMissing,
     }), [options === null || options === void 0 ? void 0 : options.selector, options === null || options === void 0 ? void 0 : options.initWithStoredValues, options === null || options === void 0 ? void 0 : options.allowStaleData, options === null || options === void 0 ? void 0 : options.canBeMissing]);
     (0, react_1.useEffect)(() => () => OnyxSnapshotCache_1.default.deregisterConsumer(key, cacheKey), [key, cacheKey]);
+    (0, react_1.useEffect)(() => {
+        if (lastConnectedKeyRef.current === key) {
+            return;
+        }
+        lastConnectedKeyRef.current = key;
+        shouldGetCachedValueRef.current = true;
+        previousValueRef.current = null;
+        resultRef.current = [undefined, { status: (options === null || options === void 0 ? void 0 : options.initWithStoredValues) === false ? 'loaded' : 'loading' }];
+    }, [key, options === null || options === void 0 ? void 0 : options.initWithStoredValues]);
     (0, react_1.useEffect)(() => {
         // These conditions will ensure we can only handle dynamic collection member keys from the same collection.
         if ((options === null || options === void 0 ? void 0 : options.allowDynamicKey) || previousKey === key) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-onyx",
-  "version": "3.0.22",
+  "version": "3.0.24",
   "author": "Expensify, Inc.",
   "homepage": "https://expensify.com",
   "description": "State management for React Native",