Add Google Analytics to NextJS/React Website

⨯ src/app/[...slug]/layout.js (50:11) @ dataLayer
⨯ ReferenceError: dataLayer is not defined

https://dev.sh20raj.com/sh20raj/add-google-analytics-to-nextjs-website-11gp

if your add like that

        <script
          async
          src="https://www.googletagmanager.com/gtag/js?id=G-X1234"
        ></script>
        <script>
          window.dataLayer = window.dataLayer || []; function gtag()
          {dataLayer.push(arguments)}
          gtag('js', new Date()); gtag('config', 'G-X1234');
        </script>

Error will be shown like

 ⨯ src/app/[...slug]/layout.js (50:11) @ dataLayer
 ⨯ ReferenceError: dataLayer is not defined
    at RootLayout (./src/app/[...slug]/layout.js:170:29)
  48 |         <script>
  49 |           window.dataLayer = window.dataLayer || []; function gtag()
> 50 |           {dataLayer.push(arguments)}
     |           ^
  51 |           gtag('js', new Date()); gtag('config', 'G-X1234'); …

analytics app async config error function google javascript next.js react website will