Apply @Crash comment to avoid boolean flags

src/components/Attendees/AttendeeSearch.tsx

@@ -1,18 +1,17 @@
 import { useEffect, useState } from "react";
-import TextField from "@mui/material/TextField";
 import { userAttendee } from "../../features/User/userDataTypes";
-import { PeopleSearch, User } from "./PeopleSearch";
+import { PeopleSearch, User, ExtendedAutocompleteRenderInputParams } from "./PeopleSearch";
 
 export default function UserSearch({
   attendees,
   setAttendees,
   disabled,
-  small,
+  inputSlot,
 }: {
   attendees: userAttendee[];
   setAttendees: Function;
   disabled?: boolean;
-  small?: boolean;
+  inputSlot?: (params: ExtendedAutocompleteRenderInputParams) => React.ReactNode;
 }) {
   const [selectedUsers, setSelectedUsers] = useState(
     attendees.map((a) => ({
@@ -33,14 +32,11 @@ export default function UserSearch({
     );
   }, [attendees]);
   return (
-    <>
     <PeopleSearch
       selectedUsers={selectedUsers}
       objectTypes={["user", "contact"]}
       disabled={disabled}
-        inputSlot={
+      inputSlot={inputSlot}
-          small ? (params) => <TextField {...params} size="small" /> : undefined
-        }
       onChange={(event: any, value: User[]) => {
         setAttendees(
           value.map((a: User) => ({
@@ -56,6 +52,5 @@ export default function UserSearch({
       }}
       freeSolo
     />
-    </>
   );
 }

src/components/Event/EventFormFields.tsx

@@ -545,7 +545,7 @@ export default function EventFormFields({
         <AttendeeSelector
           attendees={attendees}
           setAttendees={setAttendees}
-          small
+          inputSlot={(params) => <TextField {...params} size="small" />}
         />
       </FieldWithLabel>