Skip to content

Commit 0f5a95c

Browse files
lsagetlethiasgarronej
authored andcommitted
fix(footer): add missing key in footer link list (#110)
1 parent 6ddd008 commit 0f5a95c

File tree

1 file changed

+17
-12
lines changed

1 file changed

+17
-12
lines changed

src/Footer.tsx

Lines changed: 17 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -183,9 +183,10 @@ export const Footer = memo(
183183
)}
184184
>
185185
{linkList.map(
186-
column =>
186+
(column, columnIndex) =>
187187
column !== undefined && (
188188
<div
189+
key={`fr-footer__top-cat-${columnIndex}`}
189190
className={fr.cx(
190191
"fr-col-12",
191192
"fr-col-sm-3",
@@ -198,18 +199,22 @@ export const Footer = memo(
198199
</h3>
199200
)}
200201
<ul className={fr.cx("fr-footer__top-list")}>
201-
{column?.links.map(linkItem => (
202-
<li>
203-
<Link
204-
{...linkItem?.linkProps}
205-
className={fr.cx(
206-
"fr-footer__top-link"
207-
)}
202+
{column?.links.map(
203+
(linkItem, linkItemIndex) => (
204+
<li
205+
key={`fr-footer__top-link-${linkItemIndex}`}
208206
>
209-
{linkItem?.text}
210-
</Link>
211-
</li>
212-
))}
207+
<Link
208+
{...linkItem?.linkProps}
209+
className={fr.cx(
210+
"fr-footer__top-link"
211+
)}
212+
>
213+
{linkItem?.text}
214+
</Link>
215+
</li>
216+
)
217+
)}
213218
</ul>
214219
</div>
215220
)

0 commit comments

Comments
 (0)