From 732c2cd0511df27b9de3eb0480b5062339de9fe6 Mon Sep 17 00:00:00 2001
From: lenhanphung <lenhanphung@gmail.com>
Date: Tue, 7 Oct 2025 15:40:27 +0700
Subject: [PATCH] fix: disable browser autocomplete and fix React key error in
 PeopleSearch

- Add autoComplete attributes to disable browser suggestion tooltip
- Fix React key prop warning by properly handling key from Autocomplete props
- Add objectTypes to useEffect dependency array
---
 src/components/Attendees/PeopleSearch.tsx | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/Attendees/PeopleSearch.tsx b/src/components/Attendees/PeopleSearch.tsx
index 1a08a1b..01bfe98 100644
--- a/src/components/Attendees/PeopleSearch.tsx
+++ b/src/components/Attendees/PeopleSearch.tsx
@@ -54,7 +54,7 @@ export function PeopleSearch({
     }, 300);
 
     return () => clearTimeout(delayDebounceFn);
-  }, [query]);
+  }, [query, objectTypes]);
 
   return (
     <Autocomplete
@@ -94,6 +94,7 @@ export function PeopleSearch({
           helperText={error}
           placeholder="Start typing a name or email"
           label="Start typing a name or email"
+          autoComplete="off"
           onKeyDown={(e) => {
             if (e.key === "Enter" && onToggleEventPreview) {
               e.preventDefault();
@@ -103,6 +104,7 @@ export function PeopleSearch({
           slotProps={{
             input: {
               ...params.InputProps,
+              autoComplete: "new-password",
               startAdornment: (
                 <>
                   <PeopleOutlineOutlinedIcon
@@ -121,14 +123,19 @@ export function PeopleSearch({
               ),
             },
           }}
+          inputProps={{
+            ...params.inputProps,
+            autoComplete: "new-password",
+          }}
         />
       )}
       renderOption={(props, option) => {
-        if (selectedUsers.find((u) => u.email === option.email)) return;
+        if (selectedUsers.find((u) => u.email === option.email)) return null;
+        const { key, ...otherProps } = props as any;
         return (
           <ListItem
-            {...props}
-            key={option.email + option.displayName}
+            key={key}
+            {...otherProps}
             disableGutters
           >
             <ListItemAvatar>