@tanstack/react-pacer-devtools/dist/esm/ReactPacerDevtools.js

React adapter for devtools for Pacer.

import { jsx } from "react/jsx-runtime";
import { useRef, useState, useEffect } from "react";
import { PacerDevtoolsCore } from "@tanstack/pacer-devtools";
const PacerDevtoolsPanel = (props) => {
  const devToolRef = useRef(null);
  const [devtools] = useState(() => new PacerDevtoolsCore({}));
  useEffect(() => {
    if (devToolRef.current) {
      devtools.mount(devToolRef.current, props?.theme ?? "dark");
    }
    return () => devtools.unmount();
  }, [devtools, props?.theme]);
  return /* @__PURE__ */ jsx("div", { style: { height: "100%" }, ref: devToolRef });
};
export {
  PacerDevtoolsPanel
};
//# sourceMappingURL=ReactPacerDevtools.js.map