diff --git a/assets/src/components/detours/detourPanels/activeDetourPanel.tsx b/assets/src/components/detours/detourPanels/activeDetourPanel.tsx
index 24ee0983a..793f0d11e 100644
--- a/assets/src/components/detours/detourPanels/activeDetourPanel.tsx
+++ b/assets/src/components/detours/detourPanels/activeDetourPanel.tsx
@@ -83,8 +83,8 @@ export const ActiveDetourPanel = ({
             <h2 className="c-diversion-panel__h2">Detour Directions</h2>
             {directions ? (
               <ListGroup as="ol">
-                {directions.map((d) => (
-                  <ListGroup.Item key={d.instruction} as="li">
+                {directions.map((d, i) => (
+                  <ListGroup.Item key={i} as="li">
                     {d.instruction == "Regular Route" ? (
                       <strong className="fw-medium">{d.instruction}</strong>
                     ) : (
diff --git a/assets/src/components/detours/detourPanels/drawDetourPanel.tsx b/assets/src/components/detours/detourPanels/drawDetourPanel.tsx
index cec5bb915..84b42c1df 100644
--- a/assets/src/components/detours/detourPanels/drawDetourPanel.tsx
+++ b/assets/src/components/detours/detourPanels/drawDetourPanel.tsx
@@ -58,8 +58,8 @@ export const DrawDetourPanel = ({
           <h2 className="c-diversion-panel__h2">Detour Directions</h2>
           {directions ? (
             <ListGroup as="ol">
-              {directions.map((d) => (
-                <ListGroup.Item key={d.instruction} as="li">
+              {directions.map((d, i) => (
+                <ListGroup.Item key={i} as="li">
                   {d.instruction == "Regular Route" ? (
                     <strong className="fw-medium">{d.instruction}</strong>
                   ) : (
diff --git a/assets/src/components/detours/detourPanels/pastDetourPanel.tsx b/assets/src/components/detours/detourPanels/pastDetourPanel.tsx
index 3ff0b0be3..1e332552c 100644
--- a/assets/src/components/detours/detourPanels/pastDetourPanel.tsx
+++ b/assets/src/components/detours/detourPanels/pastDetourPanel.tsx
@@ -67,8 +67,8 @@ export const PastDetourPanel = ({
           <h2 className="c-diversion-panel__h2">Detour Directions</h2>
           {directions ? (
             <ListGroup as="ol">
-              {directions.map((d) => (
-                <ListGroup.Item key={d.instruction} as="li">
+              {directions.map((d, i) => (
+                <ListGroup.Item key={i} as="li">
                   {d.instruction == "Regular Route" ? (
                     <strong className="fw-medium">{d.instruction}</strong>
                   ) : (