// TradingViewWidget.jsx
import React, { useEffect, useRef, memo } from 'react';
function TradingViewWidget() {
const container = useRef();
useEffect(
() => {
const script = document.createElement("script");
script.src = "https://s3.tradingview.com/external-embedding/embed-widget-advanced-chart.js";
script.type = "text/javascript";
script.async = true;
script.innerHTML = `
{
"autosize": true,
"symbol": "CME_MINI:ES1!",
"interval": "D",
"timezone": "Etc/UTC",
"theme": "dark",
"style": "1",
"locale": "en",
"hide_side_toolbar": false,
"allow_symbol_change": true,
"watchlist": [
"TVC:SPX",
"CME_MINI:ES1!",
"CME_MINI:NQ1!",
"NASDAQ:TSLA",
"NASDAQ:NVDA",
"NASDAQ:AAPL",
"NASDAQ:NFLX"
],
"calendar": false,
"support_host": "https://www.tradingview.com"
}`;
container.current.appendChild(script);
},
[]
);
return (
);
}