From a4beea9b3e610a1e91ab1824cde4563ad2c5266a Mon Sep 17 00:00:00 2001
From: Max Frederiksen <maxfrederiksen@Maxs-MacBook-Air.local>
Date: Mon, 19 Aug 2024 15:39:32 +0200
Subject: [PATCH] implement useUniqueKeys for SearchBoxFilter
---
src/components/common/SearchBoxFilter/SearchBoxFilter.js | 6 ++++--
1 file changed, 4 insertions(+), 2 deletions(-)
diff --git a/src/components/common/SearchBoxFilter/SearchBoxFilter.js b/src/components/common/SearchBoxFilter/SearchBoxFilter.js
index db3e7aa1..8c0618e7 100644
--- a/src/components/common/SearchBoxFilter/SearchBoxFilter.js
+++ b/src/components/common/SearchBoxFilter/SearchBoxFilter.js
@@ -2,6 +2,7 @@ import { useState, useEffect } from "react";
import { styled } from "@mui/material/styles";
import { Container, List, ListItem, Paper, TextField } from "@mui/material";
import { useTypingTimer } from "./TypingTimer";
+import { useUniqueKeys } from "@ess-ics/ce-ui-common";
const PREFIX = "SearchBoxFilter";
@@ -45,12 +46,13 @@ export function SearchBoxFilter({ items, filter, render }) {
}
const MyList = ({ items }) => {
+ const itemsKeys = useUniqueKeys(items);
return (
<List>
{items &&
- items.map((item) => {
+ items.map((item, i) => {
return (
- <Paper key={item}>
+ <Paper key={itemsKeys[i]}>
<ListItem>{item}</ListItem>
</Paper>
);
--
GitLab