put hotjar in client using loader method

onflow · Feb 16, 2023 · ecee1c8 · ecee1c8
1 parent 1e53e00
commit ecee1c8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/app/entry.server.tsx b/app/entry.server.tsx
@@ -4,19 +4,13 @@ import * as Sentry from "@sentry/node"
 import "@sentry/tracing"
 import { renderToString } from "react-dom/server"
 import { getRequiredGlobalEnvVar } from "./cms/helpers"
-import Hotjar from "@hotjar/browser"
 
 Sentry.init({
   ...(process.env.SENTRY_DSN && { dsn: process.env.SENTRY_DSN }),
   tracesSampleRate: 0.3,
   environment: getRequiredGlobalEnvVar("SENTRY_ENV", "development"),
 })
 
-if (process.env.NODE_ENV === "production") {
-  const hotjarVersion = 6
-  Hotjar.init(parseInt(process.env.HOTJAR_SITE_ID ?? ""), hotjarVersion)
-}
-
 export default function handleRequest(
   request: Request,
   responseStatusCode: number,

diff --git a/app/root.tsx b/app/root.tsx
@@ -105,6 +105,11 @@ export const loader = async ({ request }: LoaderArgs) => {
     })
   }
 
+  if (process.env.NODE_ENV === "production") {
+    const hotjarVersion = 6
+    Hotjar.init(parseInt(process.env.HOTJAR_SITE_ID ?? ""), hotjarVersion)
+  }
+
   let algolia: SearchProps | undefined = undefined
 
   if (process.env.ALGOLIA_APP_ID) {