From 50b2fe81358520f1128280f53ff04e208364d600 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yadiel=20V=C3=A9lez?= <16180439+hernan-yadiel@users.noreply.github.com> Date: Thu, 3 Apr 2025 13:19:21 -0400 Subject: [PATCH 1/2] Add note about `useId` being allowed in non-async SCs --- src/content/reference/react/useId.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/content/reference/react/useId.md b/src/content/reference/react/useId.md index c6be96fdec2..fe268f31744 100644 --- a/src/content/reference/react/useId.md +++ b/src/content/reference/react/useId.md @@ -2,6 +2,12 @@ title: useId --- + + +`useId` is allowed in non-async [Server Components](/reference/rsc/server-components). + + + `useId` is a React Hook for generating unique IDs that can be passed to accessibility attributes. From 2209564f48601e637d8aba7d473dab3f499e9c33 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yadiel=20Herna=CC=81n?= <16180439+hernan-yadiel@users.noreply.github.com> Date: Fri, 4 Apr 2025 13:13:10 -0400 Subject: [PATCH 2/2] Move `useId` note about Server Components to caveats --- src/content/reference/react/useId.md | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) diff --git a/src/content/reference/react/useId.md b/src/content/reference/react/useId.md index fe268f31744..a77cf7a7231 100644 --- a/src/content/reference/react/useId.md +++ b/src/content/reference/react/useId.md @@ -2,12 +2,6 @@ title: useId --- - - -`useId` is allowed in non-async [Server Components](/reference/rsc/server-components). - - - `useId` is a React Hook for generating unique IDs that can be passed to accessibility attributes. @@ -52,6 +46,8 @@ function PasswordField() { * `useId` **should not be used to generate keys** in a list. [Keys should be generated from your data.](/learn/rendering-lists#where-to-get-your-key) +* `useId` currently cannot be used in [async Server Components](/reference/rsc/server-components#async-components-with-server-components). + --- ## Usage {/*usage*/}