dugjason/front-chat.tsx

## front-chat.tsx
// ./components/front-chat.tsx

"use client";

import Script from "next/script";

export function FrontChat() {
  return (
    <Script
      id="front-chat-script"
      src="https://chat-assets.frontapp.com/v1/chat.bundle.js"
      onLoad={initFrontChat} /
    ></Script>
  );
}

// Find your chatId in your Front Chat channel settings (in the JS snippet)
function initFrontChat() {
  //@ts-expect-error
  window.FrontChat("init", {
    chatId: "YOUR_CHAT_ID",
    useDefaultLauncher: true,
  });
}

## layout.tsx
// ./layout.tsx

import "./globals.css";
import { FrontChat } from "@/components/front-chat";

export const metadata = {
  title: "Create Next App",
  description: "Generated by create next app",
};

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en">
      <body>
        {children}
        {/* The FrontChat component should be inserted before the closing </body> tag, after the main page content */}
        <FrontChat />
      </body>
    </html>
  );
}
	// ./components/front-chat.tsx

	"use client";

	import Script from "next/script";

	export function FrontChat() {
	return (
	<Script
	id="front-chat-script"
	src="https://chat-assets.frontapp.com/v1/chat.bundle.js"
	onLoad={initFrontChat} /
	></Script>
	);
	}

	// Find your chatId in your Front Chat channel settings (in the JS snippet)
	function initFrontChat() {
	//@ts-expect-error
	window.FrontChat("init", {
	chatId: "YOUR_CHAT_ID",
	useDefaultLauncher: true,
	});
	}
	// ./layout.tsx

	import "./globals.css";
	import { FrontChat } from "@/components/front-chat";

	export const metadata = {
	title: "Create Next App",
	description: "Generated by create next app",
	};

	export default function RootLayout({
	children,
	}: {
	children: React.ReactNode;
	}) {
	return (
	<html lang="en">
	<body>
	{children}
	{/* The FrontChat component should be inserted before the closing </body> tag, after the main page content */}
	<FrontChat />
	</body>
	</html>
	);
	}