Changing the hotjar implementation

git-Pqrd · git-Pqrd · commit e652adfaa60b · 2024-05-11T12:47:01.000+01:00
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -80,9 +80,6 @@ export default function RootLayout({ children }: RootLayoutProps) {
   return (
     <>
       <html lang="en" suppressHydrationWarning>
-      <head>
-            <HotjarSnippet />
-      </head>
         <body
           className={cn(
             "min-h-screen bg-background font-sans antialiased",
@@ -102,6 +99,7 @@ export default function RootLayout({ children }: RootLayoutProps) {
             </div>
           </ThemeProvider>
           <DefaultToaster />
+          <HotjarSnippet />
         </body>
         <GoogleTagManager gtmId="G-RK1D7R0HK7" />
       </html>
diff --git a/components/ui/hotjar-component.tsx b/components/ui/hotjar-component.tsx
@@ -1,10 +1,11 @@
-"use client"
-import Script from 'next/script'
+"use client";
+import Script from "next/script";
 
 const HotjarSnippet = () => {
   const _HOTJAR_ID = 4972330;
   const _HOTJAR_VERSION = 6;
   return (
+    <div>
       <Script id="hotjar-snippet">
         {`
           (function(h,o,t,j,a,r){
@@ -17,6 +18,7 @@ const HotjarSnippet = () => {
           })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
         `}
       </Script>
+    </div>
   );
 };
 
