v0 by Vercel

Add ProductLense analytics to this Next.js app. In app/layout.tsx, import Script from "next/script" and add these two components inside <body>, after {children}:

<Script id="productlense-stub" strategy="beforeInteractive">{`window.productlense=window.productlense||function(){(window.productlense.q=window.productlense.q||[]).push(arguments)}`}</Script>
<Script src="https://api.productlense.app/a.js" data-site="SITE_ID" strategy="afterInteractive" />

Keep data-site and the src exactly as written. Do not install any package. When a user signs in, call window.productlense?.('identify', user.id) once in a client component.

import Script from 'next/script';
import type { ReactNode } from 'react';

export default function RootLayout({ children }: { children: ReactNode }) {
  return (
    <html lang="en">
      <body>
        {children}
        <Script id="productlense-stub" strategy="beforeInteractive">
          {`window.productlense=window.productlense||function(){(window.productlense.q=window.productlense.q||[]).push(arguments)}`}
        </Script>
        <Script src="https://api.productlense.app/a.js" data-site="SITE_ID" strategy="afterInteractive" />
      </body>
    </html>
  );
}