diff --git a/packages/ui/src/components/Menu/Combobox.tsx b/packages/ui/src/components/Menu/Combobox.tsx
index 9eeea446e9..796b0921ad 100644
--- a/packages/ui/src/components/Menu/Combobox.tsx
+++ b/packages/ui/src/components/Menu/Combobox.tsx
@@ -27,13 +27,7 @@ import {
 import clsx from 'clsx';
 import { MenuComboboxOption, MenuComboboxProps } from './types';
 import { Icon } from '../..';
-
-// React 17 compatible unique ID generator
-let comboboxIdCounter = 0;
-function generateComboboxId(): string {
-  comboboxIdCounter += 1;
-  return `combobox-${comboboxIdCounter.toString(36)}`;
-}
+import { useId } from 'react-aria';
 
 const getListboxItemId = (listboxId: string, optionValue: string): string =>
   `${listboxId}-option-${optionValue}`;
@@ -102,7 +96,7 @@ export const Combobox = forwardRef<HTMLDivElement, MenuComboboxProps>(
       ...rest
     } = props;
 
-    const triggerId = generateComboboxId();
+    const triggerId = useId();
     const listboxId = `${triggerId}-listbox`;
 
     // State management