Has anyone had success in installing PostHog NextJS code ? https://posthog.com/docs/libraries/next-js?tab=Pages+router
import { ThemeProvider } from "next-themes";
import AOS from "aos";
import "aos/dist/aos.css";
import { useEffect } from "react";
import "../styles/globals.css";
import "../styles/custom.css";
import { ToastContainer } from "react-toastify";
import Trackers from "../components/footer/Trackers";
import posthog from 'posthog-js'
import { PostHogProvider } from 'posthog-js/react'
export default function App({ Component, pageProps }) {
useEffect(() =>
{
AOS.init({ duration: 1200 });
AOS.refresh();
}, []);
useEffect(() =>
{
posthog.init(process.env.NEXT_PUBLIC_POSTHOG_KEY, {
api_host: process.env.NEXT_PUBLIC_POSTHOG_HOST || 'https://us.i.posthog.com',
defaults: '2025-05-24',
// Enable debug mode in development
loaded: (posthog) => {
if (process.env.NODE_ENV === 'development') posthog.debug()
}
})
}, [])
return (
<PostHogProvider client={posthog}>
<ToastContainer
position="top-right"
autoClose={2000}
hideProgressBar={false}
newestOnTop={false}
closeOnClick
rtl={false}
pauseOnFocusLoss
draggable
pauseOnHover
/>
<ThemeProvider attribute="class">
<Component {...pageProps} />
</ThemeProvider>
<Trackers />
</PostHogProvider>
);
}
No errors on npm run export but I don't see analytics data in my dashboard
I even copied .env.local to /home/username/apps/appName
