diff --git a/.changeset/polite-trains-notice.md b/.changeset/polite-trains-notice.md new file mode 100644 index 0000000000..6b204b2b10 --- /dev/null +++ b/.changeset/polite-trains-notice.md @@ -0,0 +1,5 @@ +--- +'@backstage/ui': patch +--- + +Updated Menu component in Backstage UI to use useId() from React Aria instead of React to support React 17. diff --git a/packages/ui/src/components/Menu/Combobox.tsx b/packages/ui/src/components/Menu/Combobox.tsx index 2d74d52a40..796b0921ad 100644 --- a/packages/ui/src/components/Menu/Combobox.tsx +++ b/packages/ui/src/components/Menu/Combobox.tsx @@ -19,7 +19,6 @@ import { useState, useMemo, useCallback, - useId, ChangeEvent, KeyboardEvent, useRef, @@ -28,6 +27,7 @@ import { import clsx from 'clsx'; import { MenuComboboxOption, MenuComboboxProps } from './types'; import { Icon } from '../..'; +import { useId } from 'react-aria'; const getListboxItemId = (listboxId: string, optionValue: string): string => `${listboxId}-option-${optionValue}`;