minor fix - fixed forwardRef and unique key console errors (#7337)

context -  #7183
This commit is contained in:
nitin
2024-10-01 19:23:59 +05:30
committed by GitHub
parent a940912edb
commit c505a8edd2
2 changed files with 4 additions and 4 deletions

View File

@@ -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>

View File

@@ -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>
); );