---

useEffect(() => {
  if (
    currentSymbolInfoRef.current.symbolId === symbolInfo.symbolId &&
    currentSymbolInfoRef.current.symbol === symbolInfo.symbol &&
    currentSymbolInfoRef.current.symbolName === symbolInfo.symbolName
  ) {
    return;
  }

  currentSymbolInfoRef.current = {
    symbolId: symbolInfo.symbolId,
    symbol: symbolInfo.symbol,
    symbolName: symbolInfo.symbolName,
  };

  chartRef.current?.setSymbol(currentSymbolInfoRef.current);
}, [symbolInfo.symbolId, symbolInfo.symbol, symbolInfo.symbolName]);