@exodus/ui-config 3.13.2 → 3.13.3

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.13.3](https://github.com/ExodusMovement/exodus-hydra/compare/@exodus/ui-config@3.13.2...@exodus/ui-config@3.13.3) (2026-01-29)
+
+### Bug Fixes
+
+- fix: ui-config syncable atom flip flop loop (#15066)
+
 ## [3.13.2](https://github.com/ExodusMovement/exodus-hydra/compare/@exodus/ui-config@3.13.1...@exodus/ui-config@3.13.2) (2026-01-13)
 
 ### Bug Fixes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@exodus/ui-config",
-  "version": "3.13.2",
+  "version": "3.13.3",
   "description": "Helper for storing various UI-specific settings/config.",
   "author": "Exodus Movement, Inc.",
   "license": "MIT",
@@ -45,5 +45,5 @@
     "access": "public",
     "provenance": false
   },
-  "gitHead": "f23ac1572edd03edec89b37fae62cdb777f3f369"
+  "gitHead": "a341ae86a8ffbe0f16b525344641db245429f3ca"
 }

package/plugin/index.js

@@ -16,22 +16,35 @@ const createUiConfigPluginDefinition = ({ configValues }) => {
     }))
 
     const syncAtoms = () => {
-      const subscriptions = configValues
+      const subscriptions = []
+
+      configValues
         .filter((config) => config.syncable)
-        .flatMap((config) => {
+        .forEach((config) => {
           const localAtom = atoms[config.atomId]
           const remoteAtom = atoms[`syncable${config.atomId}`]
-          return [
-            localAtom.observe((value) => {
-              if (value === undefined) return
-              remoteAtom.set((prevValue) => (isEqual(value, prevValue) ? prevValue : value))
-            }),
+          // note: do not subscribe them to each other at the same time
+          // to avoid a flip flow loop. Sync local to the remote value first, then subscribe
 
+          let subscribedToLocal = false
+          subscriptions.push(
             remoteAtom.observe((value) => {
-              if (value === undefined) return
-              localAtom.set((prevValue) => (isEqual(value, prevValue) ? prevValue : value))
-            }),
-          ]
+              if (value !== undefined) {
+                localAtom.set((prevValue) => (isEqual(value, prevValue) ? prevValue : value))
+              }
+
+              if (subscribedToLocal) return
+
+              subscribedToLocal = true
+              subscriptions.push(
+                localAtom.observe((value) => {
+                  if (value !== undefined) {
+                    remoteAtom.set((prevValue) => (isEqual(value, prevValue) ? prevValue : value))
+                  }
+                })
+              )
+            })
+          )
         })
 
       return () => {