From e807d58a0b5f5bcb576f9f5460821245d94e952a Mon Sep 17 00:00:00 2001
From: Nardix <64980166+Nardix@users.noreply.github.com>
Date: Tue, 22 Jul 2025 13:59:44 +0200
Subject: [PATCH] fix(client): fix typo in useState variable name in
 progress-inner.tsx (#61431)

---
 client/src/components/Progress/progress-inner.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/components/Progress/progress-inner.tsx b/client/src/components/Progress/progress-inner.tsx
index 4ac7ef00f6b..6b4250c168c 100644
--- a/client/src/components/Progress/progress-inner.tsx
+++ b/client/src/components/Progress/progress-inner.tsx
@@ -39,7 +39,7 @@ function ProgressInner({
   meta
 }: ProgressInnerProps): JSX.Element {
   const [shownPercent, setShownPercent] = useState(0);
-  const [lastShopwnPercent, setLastShownPercent] = useState(0);
+  const [lastShownPercent, setLastShownPercent] = useState(0);
   const progressInnerWrap = useRef<HTMLDivElement>(null);
   const isProgressInViewport = useIsInViewport(progressInnerWrap);
 
@@ -66,7 +66,7 @@ function ProgressInner({
     }, intervalLength);
   };
   useEffect(() => {
-    if (lastShopwnPercent !== completedPercent && isProgressInViewport) {
+    if (lastShownPercent !== completedPercent && isProgressInViewport) {
       setLastShownPercent(completedPercent);
       animateProgressInner(completedPercent);
     }