Documentation / @agentick/react / AgentickProvider

Function: AgentickProvider()

AgentickProvider(__namedParameters): Element

Defined in: react/src/context.tsx:102

Provider for Agentick client context.

Either provide a pre-configured client or clientConfig to create one.

Parameters

__namedParameters

AgentickProviderProps

Returns

Element

Examples

import { AgentickProvider } from '@agentick/react';

function App() {
  return (
    <AgentickProvider
      clientConfig={{
        baseUrl: 'https://api.example.com',
        token: 'my-token',
      }}
    >
      <Chat />
    </AgentickProvider>
  );
}

import { AgentickProvider } from '@agentick/react';
import { createClient } from '@agentick/client';

const client = createClient({
  baseUrl: 'https://api.example.com',
  token: 'my-token',
});

function App() {
  return (
    <AgentickProvider client={client}>
      <Chat />
    </AgentickProvider>
  );
}

// Each provider creates its own client and connection
function App() {
  return (
    <div className="dashboard">
      <AgentickProvider clientConfig={{ baseUrl: '/api/support-agent' }}>
        <SupportChat />
      </AgentickProvider>

      <AgentickProvider clientConfig={{ baseUrl: '/api/sales-agent' }}>
        <SalesChat />
      </AgentickProvider>
    </div>
  );
}

// Create one client, share across multiple providers
const sharedClient = createClient({ baseUrl: '/api/agent' });

function App() {
  return (
    <>
      <AgentickProvider client={sharedClient}>
        <MainChat />
      </AgentickProvider>

      {/* Both providers share the same client and connection * /}
      <AgentickProvider client={sharedClient}>
        <ChatSidebar />
      </AgentickProvider>
    </>
  );
}