fix(1649): don't use old data on rerender when data update from provider is handled by component (#1707)

apps/console-lite/src/app/components/portfolio/accounts/accounts.tsx

@@ -39,7 +39,9 @@ const AccountsManager = () => {
     update,
     variables,
   });
-  dataRef.current = data;
+  if (!dataRef.current && data) {
+    dataRef.current = data;
+  }
   const getRows = async ({
     successCallback,
     startRow,

libs/accounts/src/lib/accounts-manager.tsx

@@ -43,7 +43,9 @@ export const AccountManager = ({
     update,
     variables,
   });
-  dataRef.current = data;
+  if (!dataRef.current && data) {
+    dataRef.current = data;
+  }
   const getRows = async ({
     successCallback,
     startRow,

libs/fills/src/lib/use-fills-list.ts

@@ -84,8 +84,10 @@ export const useFillsList = ({ partyId, gridRef, scrolledToTop }: Props) => {
     (TradeEdge | null)[],
     Trade[]
   >({ dataProvider: fillsWithMarketProvider, update, insert, variables });
-  totalCountRef.current = totalCount;
+  if (!dataRef.current && data) {
-  dataRef.current = data;
+    totalCountRef.current = totalCount;
+    dataRef.current = data;
+  }
 
   const getRows = makeInfiniteScrollGetRows<TradeEdge>(
     newRows,

libs/market-depth/src/lib/depth-chart.tsx

@@ -146,7 +146,9 @@ export const DepthChartContainer = ({ marketId }: DepthChartManagerProps) => {
     variables,
   });
 
-  marketDataRef.current = marketData;
+  if (marketDataRef.current && marketData) {
+    marketDataRef.current = marketData;
+  }
 
   useEffect(() => {
     if (!marketData || !market || !data) {

libs/orders/src/lib/components/order-list-manager/use-order-list-data.ts

@@ -84,8 +84,10 @@ export const useOrderListData = ({
     insert,
     variables,
   });
-  totalCountRef.current = totalCount;
+  if (!dataRef.current && data) {
-  dataRef.current = data;
+    totalCountRef.current = totalCount;
+    dataRef.current = data;
+  }
 
   const getRows = makeInfiniteScrollGetRows<OrderEdge>(
     newRows,

libs/positions/src/lib/use-positions-data.tsx

@@ -58,7 +58,9 @@ export const usePositionsData = (
     update,
     variables,
   });
-  dataRef.current = assetSymbol ? filter(data, { assetSymbol }) : data;
+  if (!dataRef.current && data) {
+    dataRef.current = assetSymbol ? filter(data, { assetSymbol }) : data;
+  }
   const getRows = useCallback(
     async ({ successCallback, startRow, endRow }: GetRowsParams) => {
       const rowsThisBlock = dataRef.current

libs/trades/src/lib/trades-container.tsx

@@ -93,7 +93,9 @@ export const TradesContainer = ({ marketId }: TradesContainerProps) => {
     variables,
   });
   totalCountRef.current = totalCount;
-  dataRef.current = data;
+  if (!dataRef.current && data) {
+    dataRef.current = data;
+  }
 
   const getRows = makeInfiniteScrollGetRows<TradeEdge>(
     newRows,