React SDK

import React from "react";
import { createRoot } from "react-dom/client";
import { hop } from "@onehop/client";
import App from "./App";

// hop.init should be called as early as possible in your application's lifecycle
hop.init({
	projectId: "project_xxx": // replace with your project ID
});

createRoot(document.getElementById("root")).render(<App />);

import { useEffect } from "react";
import { hop } from "@onehop/client";

export default function MyApp({ Component, pageProps }) {
  useEffect(() => {
    if (typeof window === "undefined") {
      return;
    }

    hop.init({
      projectId: "project_xxx", // replace with your project ID
    });
  }, []);

  return <Component {...pageProps} />;
}