From ab35484b08ce3f6556dbf5dd468d9cac9adda33c Mon Sep 17 00:00:00 2001 From: eunnn Date: Thu, 16 Jul 2026 11:11:56 +0900 Subject: [PATCH] docs: translate missing useId cache key warning --- 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 d838146c8..a449f6b79 100644 --- a/src/content/reference/react/useId.md +++ b/src/content/reference/react/useId.md @@ -44,6 +44,8 @@ function PasswordField() { * `useId`는 Hook이므로 **컴포넌트의 최상위** 또는 커스텀 Hook에서만 호출할 수 있습니다. 반복문이나 조건문에서는 사용할 수 없습니다. 필요한 경우 새로운 컴포넌트를 추출하고 해당 컴포넌트로 state를 이동해서 사용할 수 있습니다. +* `useId`는 [use()](/reference/react/use)의 **캐시 키를 생성하는 데 사용하면 안 됩니다.** 컴포넌트가 마운트된 동안에는 ID가 안정적으로 유지되지만, 렌더링 과정에서 변경될 수 있습니다. 캐시 키는 실제 데이터를 기반으로 생성해야 합니다. + * `useId`를 리스트의 **key를 생성하기 위해 사용하면 안 됩니다**. [Key는 데이터로부터 생성해야 합니다.](/learn/rendering-lists#where-to-get-your-key) * `useId`는 현재 [비동기 서버 컴포넌트](/reference/rsc/server-components#async-components-with-server-components)에서 사용할 수 없습니다.