mirror of
https://github.com/lingble/twenty.git
synced 2025-11-01 05:07:56 +00:00
minor fix - fixed forwardRef and unique key console errors (#7337)
context - #7183
This commit is contained in:
@@ -96,9 +96,9 @@ export const ObjectFilterDropdownFilterSelect = () => {
|
|||||||
(availableFilterDefinition, index) => (
|
(availableFilterDefinition, index) => (
|
||||||
<SelectableItem
|
<SelectableItem
|
||||||
itemId={availableFilterDefinition.fieldMetadataId}
|
itemId={availableFilterDefinition.fieldMetadataId}
|
||||||
|
key={`select-filter-${index}`}
|
||||||
>
|
>
|
||||||
<ObjectFilterDropdownFilterSelectMenuItem
|
<ObjectFilterDropdownFilterSelectMenuItem
|
||||||
key={`select-filter-${index}`}
|
|
||||||
filterDefinition={availableFilterDefinition}
|
filterDefinition={availableFilterDefinition}
|
||||||
/>
|
/>
|
||||||
</SelectableItem>
|
</SelectableItem>
|
||||||
|
|||||||
@@ -36,15 +36,15 @@ const StyledInput = styled.input`
|
|||||||
export const DropdownMenuSearchInput = forwardRef<
|
export const DropdownMenuSearchInput = forwardRef<
|
||||||
HTMLInputElement,
|
HTMLInputElement,
|
||||||
InputHTMLAttributes<HTMLInputElement>
|
InputHTMLAttributes<HTMLInputElement>
|
||||||
>(({ value, onChange, placeholder = 'Search', type }) => {
|
>(({ value, onChange, placeholder = 'Search', type }, forwardedRef) => {
|
||||||
const { inputRef } = useInputFocusWithoutScrollOnMount();
|
const { inputRef } = useInputFocusWithoutScrollOnMount();
|
||||||
|
const ref = forwardedRef ?? inputRef;
|
||||||
return (
|
return (
|
||||||
<StyledDropdownMenuSearchInputContainer>
|
<StyledDropdownMenuSearchInputContainer>
|
||||||
<StyledInput
|
<StyledInput
|
||||||
autoComplete="off"
|
autoComplete="off"
|
||||||
{...{ onChange, placeholder, type, value }}
|
{...{ onChange, placeholder, type, value }}
|
||||||
ref={inputRef}
|
ref={ref}
|
||||||
/>
|
/>
|
||||||
</StyledDropdownMenuSearchInputContainer>
|
</StyledDropdownMenuSearchInputContainer>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user