diff --git a/apps/formbricks-com/pages/docs/getting-started/nextjs-app/index.mdx b/apps/formbricks-com/pages/docs/getting-started/nextjs-app/index.mdx index 1d3e849cb5..d847a727da 100644 --- a/apps/formbricks-com/pages/docs/getting-started/nextjs-app/index.mdx +++ b/apps/formbricks-com/pages/docs/getting-started/nextjs-app/index.mdx @@ -45,18 +45,18 @@ import formbricks from "@formbricks/js"; import { usePathname, useSearchParams } from "next/navigation"; import { useEffect } from "react"; -if (typeof window !== "undefined") { - formbricks.init({ - environmentId: "clj66eqzu00m5qu0g8leglrns", - apiHost: "https://app.formbricks.com", // e.g. https://app.formbricks.com - debug: true, // remove when in production - }); -} - export default function FormbricksProvider() { const pathname = usePathname(); const searchParams = useSearchParams(); + useEffect(() => { + formbricks.init({ + environmentId: "clj66eqzu00m5qu0g8leglrns", + apiHost: "https://app.formbricks.com", // e.g. https://app.formbricks.com + debug: true, // remove when in production + }); + }, []); + useEffect(() => { formbricks?.registerRouteChange(); }, [pathname, searchParams]);