ai-agents-agent-state-control-you-need-to-programmatically-access-and-control-ag-21595705

THEN Use the `useAgent` hook to read and update agent state. The hook returns an object with `state` and `setState` methods. Call `agent.setState()` to update state and re-render the UI accordingly.

const { agent } = useAgent({ agentId: "my_agent" });
return (
  <div>
    <h1>{agent.state.city}</h1>
    <button onClick={() => agent.setState({ city: "NYC" })}>Set City</button>
  </div>
);