@repo/analytics-react

@repo/analytics-react provides React bindings for @repo/analytics-core. It exports AnalyticsProvider, AnalyticsContext, and the useAnalytics hook. If no provider is found in the tree, useAnalytics falls back to loggerAnalyticsClient from @repo/analytics-core.

Dependencies

graph TD
  analytics_react["@repo/analytics-react"] -.-> typescript_config["@repo/typescript-config"]
  analytics_react -.-> analytics_core["@repo/analytics-core"]

Usage

import { AnalyticsProvider } from "@repo/analytics-react";
import { useAnalytics } from "@repo/analytics-react";

// Wrap your app
function App() {
  return (
    <AnalyticsProvider client={myAnalyticsClient}>
      <Dashboard />
    </AnalyticsProvider>
  );
}

// Use in components
function Dashboard() {
  const analytics = useAnalytics();
  analytics.trackEvent("dashboard_viewed");
}
Copy

Scripts