From c505a8edd2e7ce3fce00c048a32493985c4facac Mon Sep 17 00:00:00 2001
From: nitin <142569587+ehconitin@users.noreply.github.com>
Date: Tue, 1 Oct 2024 19:23:59 +0530
Subject: [PATCH] minor fix - fixed forwardRef and unique key console errors
 (#7337)

context -  #7183
---
 .../components/ObjectFilterDropdownFilterSelect.tsx         | 2 +-
 .../layout/dropdown/components/DropdownMenuSearchInput.tsx  | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownFilterSelect.tsx b/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownFilterSelect.tsx
index 59ee04d92..f0c2d66cd 100644
--- a/packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownFilterSelect.tsx
+++ b/packages/twenty-front/src/modules/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
index b9f1bc87d..ec761aa46 100644
--- 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>
   );