fix: remove stxprice suspense

hirosystems · Dec 13, 2024 · 6b45176 · 6b45176
1 parent c0214dd
commit 6b45176
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 8 deletions.
diff --git a/src/app/address/[principal]/StxBalance/BalanceItem.tsx b/src/app/address/[principal]/StxBalance/BalanceItem.tsx
@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 
-import { useSuspenseStxPrice } from '../../../../common/queries/useCurrentPrices';
+import { useStxPrice } from '../../../../common/queries/useCurrentPrices';
 import {
   formatStacksAmount,
   getLocaleDecimalSeparator,
@@ -13,7 +13,7 @@ import { Text } from '../../../../ui/Text';
 import { ExplorerErrorBoundary } from '../../../_components/ErrorBoundary';
 
 function UsdBalanceBase({ balance }: { balance: number }) {
-  const { data: stxPrice } = useSuspenseStxPrice();
+  const { data: stxPrice } = useStxPrice();
   const usdBalance = getUsdValue(balance, stxPrice);
 
   if (!usdBalance) {

diff --git a/src/common/components/StxPriceButton/useStxPriceForTx.ts b/src/common/components/StxPriceButton/useStxPriceForTx.ts
@@ -2,16 +2,16 @@
 
 import { MempoolTransaction, Transaction } from '@stacks/stacks-blockchain-api-types';
 
-import { useSuspenseStxPrice } from '../../queries/useCurrentPrices';
+import { useStxPrice } from '../../queries/useCurrentPrices';
 
 export const useStxPriceForTx = (tx: Transaction | MempoolTransaction) => {
   const hasBlockHeight = 'block_height' in tx;
   const blockBurnTime = hasBlockHeight
     ? tx.parent_burn_block_time_iso || tx.burn_block_time_iso
     : undefined;
-  const { data: historicalStxPrice } = useSuspenseStxPrice(blockBurnTime, {
+  const { data: historicalStxPrice } = useStxPrice(blockBurnTime, {
     enabled: !!blockBurnTime,
   });
-  const { data: currentStxPrice } = useSuspenseStxPrice();
+  const { data: currentStxPrice } = useStxPrice();
   return { historicalStxPrice, currentStxPrice };
 };
diff --git a/src/common/queries/useCurrentPrices.ts b/src/common/queries/useCurrentPrices.ts
@@ -1,6 +1,11 @@
 'use client';
 
-import { QueryFunctionContext, UseQueryOptions, useSuspenseQuery } from '@tanstack/react-query';
+import {
+  QueryFunctionContext,
+  UseQueryOptions,
+  useQuery,
+  useSuspenseQuery,
+} from '@tanstack/react-query';
 
 import { ONE_HOUR } from './query-stale-time';
 
@@ -11,12 +16,12 @@ const getHistoricalStxPrice = async ({ queryKey }: QueryFunctionContext) => {
     .then(data => data?.price || 0);
 };
 
-export const useSuspenseStxPrice = (
+export const useStxPrice = (
   blockBurnTime?: string,
   options?: Partial<UseQueryOptions<any, unknown, any, string[]>>
 ) => {
   const blockBurnTimeDate = blockBurnTime?.split('T')[0];
-  return useSuspenseQuery({
+  return useQuery({
     queryKey: ['stx-price', blockBurnTimeDate ? blockBurnTime.split('T')[0] : 'current'],
     queryFn: getHistoricalStxPrice,
     staleTime: blockBurnTime ? Infinity : ONE_HOUR * 3,