Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-10-01 15:48:23 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Fix React duplicate key error with initial users in UserSearch

Browse Source 
Not really sure how this works exactly. It doesn't seem the user is visually duplicated despite clearly being there twice in data, something react-aria-components does under the hood perhaps?
This commit is contained in:
Kalle
2026-03-22 16:24:55 +02:00
parent 62df6eb348
commit 51f228b3f8
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/components/elements/UserSearch.tsx
View File

@@ -238,12 +238,16 @@ function useUserSearch(
[filterText],
);
const initialUserResult = initialUserFetcher.data?.results.find(
(r): r is UserResult => r.type === "user",
);
const items = () => {
// data fetched for the query user has currently typed
if (queryFetcher.data && queryFetcher.data.query === filterText) {
const userResults = queryFetcher.data.results.filter(
(r): r is UserResult => r.type === "user",
);
const userResults = queryFetcher.data.results
.filter((r): r is UserResult => r.type === "user")
.filter((user) => user.id !== initialUserResult?.id);
if (userResults.length === 0) {
return [{ id: "NO_RESULTS" as const }];
}
@@ -253,10 +257,6 @@ function useUserSearch(
return [{ id: "PLACEHOLDER" as const }];
};
const initialUserResult = initialUserFetcher.data?.results.find(
(r): r is UserResult => r.type === "user",
);
return {
filterText,
setFilterText,