amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-22 03:42:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add caveat to useId for cache keys (#8242)

Browse Source
This commit is contained in:
Ricky
2026-01-16 13:27:58 -05:00
committed by GitHub
parent 2da4f7fbd9
commit a1ddcf51a0
1 changed files with 2 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/content/reference/react/useId.md
View File

@@ -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).