React

React hooks, provider, and components

React Package

Full React integration with hooks and components.

npm install @yourgpt/copilot-sdk-react


Quick 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;
}

On this page