fix: add useMemo to memorise current step

green-ecolution · Jun 18, 2024 · 4bf85c3 · 4bf85c3
1 parent 680bff1
commit 4bf85c3
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/tsx/components/hero/ProjectHeroContent.tsx b/src/tsx/components/hero/ProjectHeroContent.tsx
@@ -1,10 +1,10 @@
-import { useState } from 'react';
+import { useState, useMemo } from 'react';
 import ProcessCard from './../cards/ProcessCard';
 import { steps } from '../../../data/processSteps';
 import StepCircle from './../process/StepCircle';
 
 function ProjectHeroContent() {
-    const activeStep = steps.findIndex(step => step.isCurrent);
+    const activeStep = useMemo(() => steps.findIndex(step => step.isCurrent), []);
 
     const [visibleStep, setVisibleStep] = useState(activeStep);