update unsettled balances when open orders are updated

components/MangoProvider.tsx

@@ -34,6 +34,7 @@ const HydrateStore = () => {
   useEffect(() => {
     const connection = mangoStore.getState().connection
     const client = mangoStore.getState().client
+    const set = mangoStore.getState().set
 
     if (!mangoAccount) return
 
@@ -68,12 +69,9 @@ const HydrateStore = () => {
           // newMangoAccount.spotOpenOrdersAccounts =
           //   mangoAccount.spotOpenOrdersAccounts
           // newMangoAccount.advancedOrders = mangoAccount.advancedOrders
-          mangoStore.setState({
-            mangoAccount: {
-              ...mangoStore.getState().mangoAccount,
-              current: newMangoAccount,
-              lastSlot: context.slot,
-            },
+          set((s) => {
+            s.mangoAccount.current = newMangoAccount
+            s.mangoAccount.lastSlot = context.slot
           })
         }
       }

store/mangoStore.ts

@@ -939,6 +939,10 @@ const mangoStore = create<MangoStore>()(
 )
 
 mangoStore.subscribe((state) => state.mangoAccount.current, spotBalancesUpdater)
+mangoStore.subscribe(
+  (state) => state.mangoAccount.openOrderAccounts,
+  spotBalancesUpdater
+)
 mangoStore.subscribe(
   (state) => state.mangoAccount.current,
   perpPositionsUpdater