fix

Author: elithrar

src/content/changelog/agents/2025-03-17-npm-i-agents.mdx

@@ -37,7 +37,7 @@ sed -i 's/agents-sdk/agents/g' $(grep -rl 'agents-sdk' .)
 
 Future updates will be pushed to the new `agents` package, and the older package will be marked as deprecated.
 
-#### Multi-Agent applications and RPC <Badge text="New" variant="tip" size="small" />
+#### Agents SDK updates <Badge text="New" variant="tip" size="small" />
 
 We've added a number of big new features to the Agents SDK over the past few weeks, including:
 
@@ -49,17 +49,6 @@ We've added a number of big new features to the Agents SDK over the past few wee
 
 We've also fixed a number of bugs with state synchronization and the React hooks.
 
-<TypeScriptExample>
-
-```ts
-import { Agent } from 'agents';
-
-// TODO:  example of Multi-Agent or similar here
-class MyAgent extends Agent {}
-
-```
-</TypeScriptExample>
-
 #### Call Agent methods from your client code <Badge text="New" variant="tip" size="small" />
 
 We've added a new [`@callable()`](/agents/api-reference/agents-api/) decorator for defining methods that can be called directly from clients. This allows you call methods from within your client code: you can call methods (with arguments) and get native JavaScript objects back.
@@ -73,7 +62,7 @@ import { Agent, callable } from 'agents';
 // TODO: replace this with a real example
 class MyAgent extends Agent {
 	@callable()
-  async getHistory(limit: number): Promise<string[]> {
+  async getHistory(limit = 5: number): Promise<string[]> {
   	// Allow a client to directly fetch chat history
    	return this.state.chatHistory.slice(-limit)
   }
@@ -85,7 +74,7 @@ const { call } = useAgent({ agent: "rpc" });
 const fetchUserHistory = async () => {
     try {
         setLoading(true);
-        const result = await call("getHistory(5)");
+        const result = await call("getHistory");
         addToast(`Regular RPC result: ${result}`, "success");
     } catch (error) {
         addToast(`Error: ${error}`, "error");

src/content/docs/agents/api-reference/agents-api.mdx

@@ -532,24 +532,24 @@ export class YourAgent extends Agent {
       )
     `;
   }
-
+  
   async createUser(id: string, name: string, email: string) {
     // Insert a new user
     this.sql`
       INSERT INTO users (id, name, email, created_at)
       VALUES (${id}, ${name}, ${email}, ${Date.now()})
     `;
   }
-
+  
   async getUserById(id: string): Promise<User | null> {
     // Query a user by ID
     const users = this.sql<User>`
       SELECT * FROM users WHERE id = ${id}
     `;
-
+  
     return users.length ? users[0] : null;
   }
-
+  
   async searchUsers(term: string): Promise<User[]> {
     // Search users with a wildcard
     return this.sql<User>`
@@ -742,7 +742,7 @@ function useAgent<State = unknown>(
 ```tsx
 // Example of using useAgent in a React component
 import { useAgent } from "agents/react";
-import { useState, useEffect } from "react";
+import { useState } from "react";
 
 interface TaskState {
   tasks: Array<{ id: string; text: string; completed: boolean }>;
@@ -765,15 +765,15 @@ function TaskManager() {
     onClose: () => console.log("Disconnected from task manager agent")
   });
 
-  function addTask(e) {
+  function addTask(e: React.FormEvent) {
     e.preventDefault();
     if (!newTask.trim()) return;
 
     // Update the Agent's state
     agent.setState({
       ...agent.state,
       tasks: [
-        ...agent.state?.tasks || [],
+        ...(agent.state?.tasks || []),
         { id: Date.now().toString(), text: newTask, completed: false }
       ]
     });
@@ -784,7 +784,6 @@ function TaskManager() {
   return (
     <div>
       <h1>Task Manager</h1>
-
       <form onSubmit={addTask}>
         <input
           value={newTask}
@@ -793,17 +792,16 @@ function TaskManager() {
         />
         <button type="submit">Add</button>
       </form>
-
       <ul>
         {agent.state?.tasks?.map(task => (
-          <li key={task.id}>
-            {task.text}
-          </li>
+          <li key={task.id}>{task.text}</li>
         ))}
       </ul>
     </div>
   );
 }
+
+export default TaskManager;
 ```
 
 </TypeScriptExample>