종목변경 시 캔들차트 사라지는 현상 수정

frontend/src/components/ChartSlot.tsx

@@ -423,8 +423,10 @@ const ChartSlot = forwardRef<ChartSlotHandle, ChartSlotProps>(function ChartSlot
   }, [symbol, timeframe, useUpbit]);
 
   const pendingRealtimeBarRef = useRef<OHLCVBar | null>(null);
+  const barsMarketRef = useRef<string | null>(null);
 
   const handleTickUpdate = useCallback((bar: OHLCVBar) => {
+    if (barsMarketRef.current !== symbolRef.current) return;
     if (!managerRef.current) {
       pendingRealtimeBarRef.current = bar;
       return;
@@ -432,6 +434,7 @@ const ChartSlot = forwardRef<ChartSlotHandle, ChartSlotProps>(function ChartSlot
     managerRef.current.updateBar(bar);
   }, []);
   const handleNewCandle = useCallback((bar: OHLCVBar) => {
+    if (barsMarketRef.current !== symbolRef.current) return;
     if (!managerRef.current) {
       pendingRealtimeBarRef.current = bar;
       return;
@@ -439,7 +442,7 @@ const ChartSlot = forwardRef<ChartSlotHandle, ChartSlotProps>(function ChartSlot
     managerRef.current.appendBar(bar);
   }, []);
 
-  const { bars: upbitBars, latestBar, wsStatus, isLoading } = useChartRealtimeData(
+  const { bars: upbitBars, barsMarket: upbitBarsMarket, latestBar, wsStatus, isLoading } = useChartRealtimeData(
     symbol, timeframe,
     useMemo(() => ({
       onTickUpdate: handleTickUpdate,
@@ -450,6 +453,8 @@ const ChartSlot = forwardRef<ChartSlotHandle, ChartSlotProps>(function ChartSlot
   );
 
   const bars = useUpbit ? upbitBars : simBars;
+  const barsMarket = useUpbit ? upbitBarsMarket : symbol;
+  barsMarketRef.current = barsMarket;
 
   const lastKnownBar = useUpbit
     ? (latestBar ?? (bars.length > 0 ? bars[bars.length - 1] : null))
@@ -623,6 +628,7 @@ const ChartSlot = forwardRef<ChartSlotHandle, ChartSlotProps>(function ChartSlot
         <TradingChart
           key={reloadTick}
           bars={bars}
+          barsMarket={barsMarket}
           market={symbol}
           timeframe={timeframe}
           displayTimezone={displayTimezone}