---

useEffect(() => {
  if (!symbol) {
    return;
  }

  const symbolChanged = currentSymbolRef.current !== symbol;
  const symbolNameChanged =
    currentSymbolNameRef.current !== symbolName;

  if (!symbolChanged && !symbolNameChanged) {
    return;
  }

  currentSymbolRef.current = symbol;
  currentSymbolNameRef.current = symbolName;

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