@scalar/api-reference-react/dist/ApiReferenceReact.js

The react client only integration for api references

"use client";
import { jsx as u } from "react/jsx-runtime";
import { createApiReference as c } from "@scalar/api-reference";
import { useRef as s, useState as f, useEffect as a } from "react";
/* empty css          */
globalThis.__VUE_OPTIONS_API__ = !0;
globalThis.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__ = !0;
globalThis.__VUE_PROD_DEVTOOLS__ = !1;
const R = (n) => {
  const e = s(null), [t, _] = f(null), i = () => Array.isArray(n.configuration) ? n.configuration.map((r) => ({ _integration: "react", ...r })) : { _integration: "react", ...n.configuration };
  return a(() => {
    var o;
    if (!e.current)
      return (o = t == null ? void 0 : t.app) == null ? void 0 : o.unmount;
    const r = c(e.current, i());
    return _(r), r.destroy;
  }, [e]), a(() => {
    t == null || t.updateConfiguration(i());
  }, [n.configuration, t]), /* @__PURE__ */ u("div", { ref: e });
};
export {
  R as ApiReferenceReact
};