🐛 fix: 로딩 에러로 인해 useInfiniteQuery로 다시 변경

boostcampwm-2024 · Dec 5, 2024 · e64a01d · e64a01d
1 parent daf0b42
commit e64a01d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/packages/frontend/src/apis/queries/stocks/useGetStocksPriceSeries.ts b/packages/frontend/src/apis/queries/stocks/useGetStocksPriceSeries.ts
@@ -1,4 +1,4 @@
-import { useSuspenseInfiniteQuery } from '@tanstack/react-query';
+import { useInfiniteQuery } from '@tanstack/react-query';
 import {
   StockTimeSeriesResponseSchema,
   type StockTimeSeriesRequest,
@@ -25,7 +25,7 @@ export const useGetStocksPriceSeries = ({
   lastStartTime,
   timeunit,
 }: StockTimeSeriesRequest) => {
-  return useSuspenseInfiniteQuery({
+  return useInfiniteQuery({
     queryKey: ['stocksTimeSeries', stockId, timeunit],
     queryFn: ({ pageParam }) =>
       getStocksPriceSeries({

diff --git a/packages/frontend/src/pages/stock-detail/TradingChart.tsx b/packages/frontend/src/pages/stock-detail/TradingChart.tsx
@@ -10,7 +10,7 @@ import {
 } from '@/apis/queries/stocks';
 import { TIME_UNIT } from '@/constants/timeUnit';
 
-const TradingChart = () => {
+export const TradingChart = () => {
   const { stockId } = useParams();
   const [timeunit, setTimeunit] =
     useState<StockTimeSeriesRequest['timeunit']>('day');
@@ -23,7 +23,8 @@ const TradingChart = () => {
     timeunit,
   });
 
-  const { priceDtoList: priceData, volumeDtoList: volumeData } = data;
+  const { priceDtoList: priceData = [], volumeDtoList: volumeData = [] } =
+    data || {};
   const chart = useChart({ priceData, volumeData, containerRef });
 
   const fetchGraphData = useCallback(
@@ -73,5 +74,3 @@ const TradingChart = () => {
     </div>
   );
 };
-
-export default TradingChart;