minor fix - fixed forwardRef and unique key console errors (twentyhq#…

…7337) context - twentyhq#7183
gazjones00 · Oct 1, 2024 · c505a8e · c505a8e
1 parent a940912
commit c505a8e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/...ules/object-record/object-filter-dropdown/components/ObjectFilterDropdownFilterSelect.tsx b/...ules/object-record/object-filter-dropdown/components/ObjectFilterDropdownFilterSelect.tsx
@@ -96,9 +96,9 @@ export const ObjectFilterDropdownFilterSelect = () => {
             (availableFilterDefinition, index) => (
               <SelectableItem
                 itemId={availableFilterDefinition.fieldMetadataId}
+                key={`select-filter-${index}`}
               >
                 <ObjectFilterDropdownFilterSelectMenuItem
-                  key={`select-filter-${index}`}
                   filterDefinition={availableFilterDefinition}
                 />
               </SelectableItem>

diff --git a/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuSearchInput.tsx b/packages/twenty-front/src/modules/ui/layout/dropdown/components/DropdownMenuSearchInput.tsx
@@ -36,15 +36,15 @@ const StyledInput = styled.input`
 export const DropdownMenuSearchInput = forwardRef<
   HTMLInputElement,
   InputHTMLAttributes<HTMLInputElement>
->(({ value, onChange, placeholder = 'Search', type }) => {
+>(({ value, onChange, placeholder = 'Search', type }, forwardedRef) => {
   const { inputRef } = useInputFocusWithoutScrollOnMount();
-
+  const ref = forwardedRef ?? inputRef;
   return (
     <StyledDropdownMenuSearchInputContainer>
       <StyledInput
         autoComplete="off"
         {...{ onChange, placeholder, type, value }}
-        ref={inputRef}
+        ref={ref}
       />
     </StyledDropdownMenuSearchInputContainer>
   );