diff --git a/packages/utilities/src/utils/useId.ts b/packages/utilities/src/utils/useId.ts
index 22c7cd3f0..d5d40ef2a 100644
--- a/packages/utilities/src/utils/useId.ts
+++ b/packages/utilities/src/utils/useId.ts
@@ -16,4 +16,4 @@ let idCounter = 0;
  *
  * @returns A generated ID that can be passed to accessibility attributes
  */
-export const useId = (id?: any) => useReachId(id) || `id:${idCounter++}`;
+export const useId = (id?: any) => `${useReachId(id)}` || `id:${idCounter++}`;