disable more chart animations

apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/retention/last-active-users/chart.tsx

@@ -68,6 +68,7 @@ const Chart = ({ data }: Props) => {
               stroke={getChartColor(0)}
               strokeWidth={2}
               fill={`url(#bg)`}
+              isAnimationActive={false}
             />
             <XAxis
               dataKey="days"

apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/retention/rolling-active-users/chart.tsx

@@ -109,18 +109,21 @@ const Chart = ({ data }: Props) => {
               stroke={getChartColor(0)}
               strokeWidth={2}
               fill={`url(#dau)`}
+              isAnimationActive={false}
             />
             <Area
               dataKey="wau"
               stroke={getChartColor(1)}
               strokeWidth={2}
               fill={`url(#wau)`}
+              isAnimationActive={false}
             />
             <Area
               dataKey="mau"
               stroke={getChartColor(2)}
               strokeWidth={2}
               fill={`url(#mau)`}
+              isAnimationActive={false}
             />
             <XAxis
               dataKey="date"

apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/retention/users-retention-series/chart.tsx

@@ -83,6 +83,7 @@ const Chart = ({ data }: Props) => {
               stroke={getChartColor(0)}
               strokeWidth={2}
               fill={`url(#bg)`}
+              isAnimationActive={false}
             />
             <XAxis
               axisLine={false}

apps/dashboard/src/components/report/chart/MetricCard.tsx

@@ -82,6 +82,7 @@ export function MetricCard({
                 fillOpacity={1}
                 stroke={graphColors}
                 strokeWidth={2}
+                isAnimationActive={false}
               />
             </AreaChart>
           )}