Add an AI chatbot to your React app.

ChatBento.tsx

import { useEffect } from "react";

export function ChatBento({ botId }: { botId: string }) {
  useEffect(() => {
    if (document.querySelector("script[data-bot-id][src*='chatbento.com/widget.js']")) return;
    const script = document.createElement("script");
    script.src = "https://chatbento.com/widget.js";
    script.async = true;
    script.dataset.botId = botId;
    document.body.appendChild(script);
  }, [botId]);

  return null;
}

App.tsx

import { ChatBento } from "./ChatBento";

export default function App() {
  return (
    <>
      {/* your routes and layout */}
      <ChatBento botId="YOUR_BOT_ID" />
    </>
  );
}