useUIState — UI 상태 읽기·업데이트

useUIState — UI 상태 읽기·업데이트

useUIState는 UI 상태를 읽고 업데이트할 수 있게 해주는 훅이에요. 상태는 클라이언트 쪽에 있으며 함수, React 노드, 그 밖의 데이터를 담을 수 있어요. UIState는 AI 상태의 시각적 표현이에요.

주의: AI SDK RSC는 현재 실험적(experimental)이에요. 프로덕션에서는 AI SDK UI를 사용하는 걸 권장해요. RSC에서 UI로 마이그레이션하는 방법은 마이그레이션 가이드를 참고하세요.

출처: 문서

본문

UI 상태를 읽고 업데이트하게 해주는 훅이에요. 상태는 클라이언트 쪽에 있으며 함수, React 노드, 그 밖의 데이터를 담을 수 있어요. UIState는 AI 상태의 시각적 표현이에요.

Import

import { useUIState } from "@ai-sdk/rsc"

API 시그니처

반환값

useState와 비슷하게 배열을 반환해요. 첫 번째 요소는 현재 UI 상태이고, 두 번째 요소는 상태를 업데이트하는 함수예요.

예시

• Next.js에서 AI·UI 상태 관리 배우기

더 알아보기 (Learn more)

• useAIState — AI 상태 읽기·업데이트
• useActions — 클라이언트에서 Server Actions 접근