---

useEffect(() => {
  const nextSymbolInfo: SymbolInfoInput = {
    symbolId: symbolInfo.symbolId,
    symbol: symbolInfo.symbol,
    symbolName: symbolInfo.symbolName,
  };

  const currentSymbolInfo = currentSymbolInfoRef.current;

  const symbolInfoChanged =
    currentSymbolInfo.symbolId !== nextSymbolInfo.symbolId ||
    currentSymbolInfo.symbol !== nextSymbolInfo.symbol ||
    currentSymbolInfo.symbolName !== nextSymbolInfo.symbolName;

  if (!symbolInfoChanged) {
    return;
  }

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