From a1ddcf51a08cc161182b90a24b409ba11289f73e Mon Sep 17 00:00:00 2001 From: Ricky Date: Fri, 16 Jan 2026 13:27:58 -0500 Subject: [PATCH 1/2] Add caveat to useId for cache keys (#8242) --- src/content/reference/react/useId.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/content/reference/react/useId.md b/src/content/reference/react/useId.md index a77cf7a72..44a11b20d 100644 --- a/src/content/reference/react/useId.md +++ b/src/content/reference/react/useId.md @@ -44,6 +44,8 @@ function PasswordField() { * `useId` is a Hook, so you can only call it **at the top level of your component** or your own Hooks. You can't call it inside loops or conditions. If you need that, extract a new component and move the state into it. +* `useId` **should not be used to generate cache keys** for [use()](/reference/react/use). The ID is stable when a component is mounted but may change during rendering. Cache keys should be generated from your data. + * `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). From 95165b6a0b13f59690927a36de3645b21441bc09 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Tue, 20 Jan 2026 23:38:20 +0300 Subject: [PATCH 2/2] sync-a1ddcf51 --- src/content/reference/react/useId.md | 10 +++------- 1 file changed, 3 insertions(+), 7 deletions(-) diff --git a/src/content/reference/react/useId.md b/src/content/reference/react/useId.md index 3e30c7d95..0a8c57ac8 100644 --- a/src/content/reference/react/useId.md +++ b/src/content/reference/react/useId.md @@ -44,15 +44,11 @@ Herhangi bir parametre almaz. * `useId` bir Hook olduğundan, yalnızca **bileşeninizin en üst kapsamında** ya da kendi Hook'larınızda çağırabilirsiniz. Döngülerin ve koşulların içinde çağıramazsınız. Eğer çağırmak zorunda kaldıysanız yeni bir bileşene çıkarın ve state'i ona taşıyın. -<<<<<<< HEAD -* Liste elemanlarına **anahtar üretmek için kullanılmamalıdır**. [Anahtarlar elinizdeki veriden üretilmelidir.](/learn/rendering-lists#where-to-get-your-key) -======= -* `useId` **should not be used to generate cache keys** for [use()](/reference/react/use). The ID is stable when a component is mounted but may change during rendering. Cache keys should be generated from your data. +* `useId`, [use()](/reference/react/use) için **cache key (önbellek anahtarı) üretmek amacıyla kullanılmamalıdır**. ID, bir component mount edildiğinde stabildir; ancak render sırasında değişebilir. Cache key’ler verinizden üretilmelidir. -* `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) ->>>>>>> a1ddcf51a08cc161182b90a24b409ba11289f73e +* `useId`, bir listede **key üretmek için kullanılmamalıdır**. [Key’ler verinizden üretilmelidir.](/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). +* `useId`, şu anda [async Server Components](/reference/rsc/server-components#async-components-with-server-components) içinde kullanılamaz. ---