Next.js and React

import { useEffect } from "react";

export function useFrictionless(companyId: string) {
  useEffect(() => {
    // Queued until the script arrives; a second init() is ignored
    const f = ((window as any).Frictionless ||= { q: [] });
    f.init ||= (...args: unknown[]) => f.q.push(["init", args]);
    f.init({ company_id: companyId });

    if (document.getElementById("frictionless-chat")) return;
    const script = document.createElement("script");
    script.id = "frictionless-chat";
    script.src = "https://usefrictionless.com/widget/v1.js";
    script.async = true;
    document.body.appendChild(script);
  }, [companyId]);
}