fix(trading): avoid funding LineChart recreate instance on FundingContainer re-render

2023-12-06 09:15:06 +01:00
1 changed files with 4 additions and 1 deletions
@@ -40,6 +40,9 @@ const DateRange = {
  RANGE_ALL: 'All',
 };

+const priceFormat = (fundingRate: number) =>
+  `${(fundingRate * 100).toFixed(4)}%`;
+
 export const FundingContainer = ({ marketId }: { marketId: string }) => {
  const t = useT();
  const { theme } = useThemeSwitcher();
@@ -82,7 +85,7 @@ export const FundingContainer = ({ marketId }: { marketId: string }) => {
    <LineChart
      data={values}
      theme={theme}
-      priceFormat={(fundingRate) => `${(fundingRate * 100).toFixed(4)}%`}
+      priceFormat={priceFormat}
      yAxisTickFormat="%"
    />
  );