diff --git a/packages/manager/src/components/ImageSelect/ImageOption.tsx b/packages/manager/src/components/ImageSelect/ImageOption.tsx index 4d8def44dee..ffbc2197b8f 100644 --- a/packages/manager/src/components/ImageSelect/ImageOption.tsx +++ b/packages/manager/src/components/ImageSelect/ImageOption.tsx @@ -3,7 +3,6 @@ import React from 'react'; import CloudInitIcon from 'src/assets/icons/cloud-init.svg'; import DistributedRegionIcon from 'src/assets/icons/entityIcons/distributed-region.svg'; import { useFlags } from 'src/hooks/useFlags'; -import { omitProps } from 'src/utilities/omittedProps'; import { SelectedIcon } from '../Autocomplete/Autocomplete.styles'; import { OSIcon } from '../OSIcon'; @@ -17,17 +16,15 @@ import type { Image } from '@linode/api-v4'; interface Props { image: Image; isSelected: boolean; - listItemProps: React.HTMLAttributes & { key?: string }; + listItemProps: Omit, 'key'>; } export const ImageOption = ({ image, isSelected, listItemProps }: Props) => { const flags = useFlags(); - // prevents spread key console error - const props = omitProps(listItemProps, ['key']); return (
  • { {params.children}
  • )} - renderOption={(props, option, state) => ( - - )} + renderOption={(props, option, state) => { + const { key, ...rest } = props; + + return ( + + ); + }} textFieldProps={{ InputProps: { startAdornment: