From 4bf85c3903fdd6dad5116b8295ccc46103c464d4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dorien=20Gr=C3=B6nwald?=
 <dorien.groenwald@visuellverstehen.de>
Date: Tue, 18 Jun 2024 12:54:07 +0200
Subject: [PATCH] fix: add useMemo to memorise current step

---
 src/tsx/components/hero/ProjectHeroContent.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/tsx/components/hero/ProjectHeroContent.tsx b/src/tsx/components/hero/ProjectHeroContent.tsx
index a0791bd..e10b5d5 100644
--- 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);