diff --git a/packages/@headlessui-react/src/hooks/use-id.ts b/packages/@headlessui-react/src/hooks/use-id.ts
index 37be593..e4d2333 100644
--- a/packages/@headlessui-react/src/hooks/use-id.ts
+++ b/packages/@headlessui-react/src/hooks/use-id.ts
@@ -18,8 +18,7 @@ export function useId() {
 
   useIsoMorphicEffect(() => {
     if (id === null) setId(generateId())
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [])
+  }, [id])
 
   React.useEffect(() => {
     if (state.serverHandoffComplete === false) state.serverHandoffComplete = true