React
React hooks, provider, and components
React Package
Full React integration with hooks and components.
npm install @yourgpt/copilot-sdk-reactQuick Start
import { YourGPTProvider, useYourGPT, useTools } from '@yourgpt/copilot-sdk-react';
import { CopilotChat } from '@yourgpt/copilot-sdk-chat';
function App() {
return (
<YourGPTProvider runtimeUrl="/api/chat">
<MyTools />
<CopilotChat />
</YourGPTProvider>
);
}
function MyTools() {
useTools({
search: {
description: 'Search products',
parameters: z.object({ query: z.string() }),
handler: async ({ query }) => searchProducts(query),
},
});
return null;
}