React Integration

Overview

Integrate OrcaHive chatbot seamlessly into your React applications with our React component wrapper.

Quick Example

In the meantime, you can use our JavaScript integration in your React app:

import { useEffect } from 'react';

function App() {
  useEffect(() => {
    // Load OrcaHive widget
    const script = document.createElement('script');
    script.src = 'https://cdn.orcahive.io/widget.js';
    script.setAttribute('data-bot-id', 'your-bot-id');
    document.body.appendChild(script);
    
    return () => {
      document.body.removeChild(script);
    };
  }, []);

  return <div>Your App</div>;
}