Buildship Bot for NextJs

"use client";

import "@buildshipapp/chat-widget";
import { useEffect } from "react";

export default function Home() {
  useEffect(() => {
    if (typeof window !== "undefined") {
      window.buildShipChatWidget.config.widgetTitle = "Chatbot";
      window.buildShipChatWidget.config.greetingMessage =
        "Hello! How may I help you today?";
      window.buildShipChatWidget.config.url =
        "https://<project_id>.buildship.run/chat/....";
    }
  }, []);
  return (
    <main className="flex min-h-screen flex-col items-center justify-between p-24">
      <h1 className="text-xl">Hello World from BuildShip</h1>
      <button
        data-buildship-chat-widget-button
        className="bg-slate-500 p-2 rounded-sm"
      >
        Chat with BuildShip
      </button>
    </main>
  );
}