From e4fb1ba9f2ac987e5ed43b04d10fd54084ac48f6 Mon Sep 17 00:00:00 2001
From: Tim Hansen <timbonicush@spotify.com>
Date: Thu, 10 Dec 2020 16:16:04 -0700
Subject: [PATCH] fix(cost-insights): Disable animation for product breakdown
 chart

---
 .../components/CostOverviewCard/CostOverviewByProductChart.tsx   | 1 +
 1 file changed, 1 insertion(+)

diff --git a/plugins/cost-insights/src/components/CostOverviewCard/CostOverviewByProductChart.tsx b/plugins/cost-insights/src/components/CostOverviewCard/CostOverviewByProductChart.tsx
index 44b7497754..0b482bd908 100644
--- a/plugins/cost-insights/src/components/CostOverviewCard/CostOverviewByProductChart.tsx
+++ b/plugins/cost-insights/src/components/CostOverviewCard/CostOverviewByProductChart.tsx
@@ -130,6 +130,7 @@ export const CostOverviewByProductChart = ({
     return ['Other', ...sortedProducts].map((product, i) => (
       <Area
         dataKey={product}
+        isAnimationActive={false}
         stackId="1"
         stroke={theme.palette.dataViz[sortedProducts.length - i]}
         fill={theme.palette.dataViz[sortedProducts.length - i]}