From 0b01b61e48f63e11cbbd811ca8d3ee5bdfcbac1a Mon Sep 17 00:00:00 2001
From: Kirill <mpak8501@yandex.ru>
Date: Tue, 19 May 2026 15:18:42 +0500
Subject: [PATCH] fix: use MUI v9 slots API for StepLabel stepIcon

---
 client/src/pages/info/ui/sections/HowToOrderSection.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/pages/info/ui/sections/HowToOrderSection.tsx b/client/src/pages/info/ui/sections/HowToOrderSection.tsx
index 07249f7..c51a52d 100644
--- a/client/src/pages/info/ui/sections/HowToOrderSection.tsx
+++ b/client/src/pages/info/ui/sections/HowToOrderSection.tsx
@@ -43,7 +43,7 @@ export function HowToOrderSection() {
       <Stepper orientation="vertical" activeStep={-1}>
         {steps.map((step) => (
           <Step key={step.label} completed={false}>
-            <StepLabel StepIconComponent={() => step.icon}>{step.label}</StepLabel>
+            <StepLabel slots={{ stepIcon: () => step.icon }}>{step.label}</StepLabel>
             <StepContent>
               <Typography color="text.secondary">{step.text}</Typography>
             </StepContent>