[DTRA-V2] henry/dtra-2029/fix: rerender chart on symbol or change (de…

…riv-com#17012)

* fix: rerender chart on symbol or change

* fix: rerender chart for digits only

packages/trader/src/AppV2/Containers/Chart/trade-chart.tsx

@@ -9,6 +9,7 @@ import AccumulatorsChartElements from 'Modules/SmartChart/Components/Markers/acc
 import ToolbarWidgets from 'Modules/SmartChart/Components/toolbar-widgets';
 import useActiveSymbols from 'AppV2/Hooks/useActiveSymbols';
 import useDefaultSymbol from 'AppV2/Hooks/useDefaultSymbol';
+import { isDigitTradeType } from 'Modules/Trading/Helpers/digits';
 
 type TBottomWidgetsParams = {
     digits: number[];
@@ -74,7 +75,7 @@ const TradeChart = observer(() => {
         wsSendRequest,
         wsSubscribe,
     } = useTraderStore();
-
+    const is_digit_trade_type = isDigitTradeType(contract_type);
     const is_accumulator = isAccumulatorContract(contract_type);
     const settings = {
         countdown: is_chart_countdown_visible,
@@ -94,6 +95,13 @@ const TradeChart = observer(() => {
         );
     }, []);
 
+    const chartKey = React.useMemo(() => {
+        if (is_digit_trade_type) {
+            return symbol;
+        }
+        return null;
+    }, [symbol, is_digit_trade_type]);
+
     React.useEffect(() => {
         if ((is_accumulator || show_digits_stats) && ref.current?.hasPredictionIndicators()) {
             const cancelCallback = () => onChange({ target: { name: 'contract_type', value: prev_contract_type } });
@@ -125,6 +133,7 @@ const TradeChart = observer(() => {
     if (!symbol || !active_symbols.length) return null;
     return (
         <SmartChart
+            key={chartKey}
             ref={ref}
             barriers={barriers}
             contracts_array={markers_array}