[Synthetics] Fix step details current step edge case (#150687)

## Summary Fixes #150612
elastic · Feb 9, 2023 · 38cb7b3 · 38cb7b3
1 parent 30745e2
commit 38cb7b3
Showing 1 changed file with 2 additions and 6 deletions.
diff --git a/...ugins/synthetics/public/apps/synthetics/components/step_details_page/step_detail_page.tsx b/...ugins/synthetics/public/apps/synthetics/components/step_details_page/step_detail_page.tsx
@@ -34,10 +34,6 @@ export const StepDetailPage = () => {
 
   useStepDetailsBreadcrumbs();
 
-  const activeStep = data?.steps?.find(
-    (step) => step.synthetics?.step?.index === Number(stepIndex)
-  );
-
   const dispatch = useDispatch();
 
   useEffect(() => {
@@ -51,7 +47,7 @@ export const StepDetailPage = () => {
 
   return (
     <>
-      <ErrorCallOut step={activeStep} />
+      <ErrorCallOut step={currentStep} />
       {data?.details?.journey?.config_id && (
         <MonitorDetailsLinkPortal
           configId={data.details.journey.config_id}
@@ -109,7 +105,7 @@ export const StepDetailPage = () => {
         <WaterfallChartContainer
           checkGroup={checkGroupId}
           stepIndex={Number(stepIndex)}
-          activeStep={activeStep}
+          activeStep={currentStep}
         />
       )}
     </>