Moved script in next script

bitesinbyte · Oct 1, 2024 · a66d312 · a66d312
1 parent b1bec1d
commit a66d312
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -7,6 +7,7 @@ import { Providers } from "./provider";
 import { Toaster } from "react-hot-toast";
 import { NavigationBar } from "@/components/shared/NavigationBar";
 import { GoogleAnalytics } from '@next/third-parties/google'
+import Script from "next/script";
 
 export const viewport: Viewport = {
     themeColor: [
@@ -57,16 +58,18 @@ export default function RootLayout({
                     fontSans.variable
                 )}>
                 <Providers themeProps={{ attribute: "class", enableSystem: false }}>
-                    <div >
+                    <div>
                         <NavigationBar />
                         <main className="container mx-auto flex-grow">
                             <Toaster position="top-right" reverseOrder={false} />
                             {children}
                         </main>
                     </div>
                 </Providers>
-                <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2889277787752693"
-                    crossOrigin="anonymous"></script>
+                <Script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2889277787752693"
+                    crossOrigin="anonymous">
+
+                </Script>
             </body>
             <GoogleAnalytics gaId="G-Z6WDXYW5WY" />
         </html >