diff --git a/src/components/Form/InputWrapper.tsx b/src/components/Form/InputWrapper.tsx index c966dd4456e9..f54009852b22 100644 --- a/src/components/Form/InputWrapper.tsx +++ b/src/components/Form/InputWrapper.tsx @@ -76,10 +76,16 @@ function InputWrapper(p const {registerInput} = useContext(FormContext); const {shouldSetTouchedOnBlurOnly, blurOnSubmit, shouldSubmitForm} = computeComponentSpecificRegistrationParams(props as InputComponentBaseProps); + const {key, ...registerInputProps} = registerInput(inputID, shouldSubmitForm, {ref, valueType, ...rest, shouldSetTouchedOnBlurOnly, blurOnSubmit}); - // TODO: Sometimes we return too many props with register input, so we need to consider if it's better to make the returned type more general and disregard the issue, or we would like to omit the unused props somehow. - // eslint-disable-next-line react/jsx-props-no-spreading - return ; + return ( + + ); } InputWrapper.displayName = 'InputWrapper'; diff --git a/src/components/MenuItemList.tsx b/src/components/MenuItemList.tsx index 747e0578a0c4..d33a17f90a5e 100644 --- a/src/components/MenuItemList.tsx +++ b/src/components/MenuItemList.tsx @@ -82,16 +82,16 @@ function MenuItemList({ return ( <> - {menuItems.map((menuItemProps) => ( + {menuItems.map(({key, ...menuItemProps}) => ( secondaryInteraction(menuItemProps.link, e) : undefined} ref={popoverAnchor}