useActions

It is a hook to help you access your Server Actions from the client. This is particularly useful for building interfaces that require user interactions with the server.

It is required to access these server actions via this hook because they are patched when passed through the context. Accessing them directly may result in a Cannot find Client Component error.

Import

<Snippet text={import { useActions } from "@ai-sdk/rsc"} prompt={false} />

API Signature

Returns

Record<string, Action>, a dictionary of server actions.

Examples

<ExampleLinks examples={[ { title: 'Learn to manage AI and UI states in Next.js', link: '/examples/next-app/state-management/ai-ui-states', }, { title: 'Learn to route React components using a language model in Next.js', link: '/examples/next-app/interface/route-components', }, ]} />