Function PageTracker

src/components/page-tracker.tsx:7–92

()

import { useEffect } from "react";

export default function PageTracker() {
  const pathname = usePathname();

  // Track page views
  useEffect(() => {
    const normalized = normalizedPathname(pathname);

    sendAnalyticEvents([
      {
        name: "page_view",
        data: {
          path: normalized,
          full_path: pathname === normalized ? undefined : pathname,
        },
      },
    ]);
  }, [pathname]);

  // Track unhandle rejection
  useEffect(() => {
    if (typeof window === "undefined") return;

    const handler = (event: PromiseRejectionEvent) => {
      if (typeof event.reason === "string") {
        sendAnalyticEvents([
          {
            name: "unhandledrejection",
            data: { message: event.reason, path: window.location.pathname },
          },
        ]);
      } else if (event.reason?.message) {
        sendAnalyticEvents([
          {
            name: "unhandledrejection",
            data: {
              message: event.reason.message,
              stack: event.reason.stack,
              path: window.location.pathname,
            },
          },
        ]);
      } else {
        sendAnalyticEvents([
          {
            name: "unhandledrejection",
            data: {
              message: event.toString(),
            },
          },
        ]);
      }
    };

    window.addEventListener("unhandledrejection", handler);

    return () => {
      window.removeEventListener("unhandledrejection", handler);
    };