Framework guides

React guide.

Load the widget once from a top-level component, usually near your app shell or layout.

Component wrapper

tsx

import { useEffect } from "react";

export function MinyutWidget() {
  useEffect(() => {
    if (document.querySelector("script[data-nestled-widget]")) return;

    const script = document.createElement("script");
    script.src = "https://minyut.com/widget.js";
    script.async = true;
    script.dataset.nestledWidget = "true";
    script.dataset.token = "YOUR_EMBED_TOKEN";
    document.body.appendChild(script);
  }, []);

  return null;
}

Usage

Render <MinyutWidget /> once inside your root layout or app component.

React Strict Mode

The querySelector guard prevents duplicate scripts when React runs effects twice in development.