From 69f0c857ec26fb943aabfb4cf6a14bb87007a2df Mon Sep 17 00:00:00 2001
From: Ege Can Komur <egecankomur@gmail.com>
Date: Wed, 20 May 2026 18:51:38 +0300
Subject: [PATCH] fix: next/script yerine dangerouslySetInnerHTML kullan (React
 19 uyumu)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Sorun:
React 19 + Next.js 16'da next/script componenti inline scripts (children
ile) için 'Encountered a script tag while rendering React component'
hatası veriyor. <script> child node React'ta artık warning üretiyor.

Çözüm:
ConsentInit'te next/script yerine düz <script dangerouslySetInnerHTML>
kullanıyoruz. Bu inline script HTML parse edildiği anda çalışır —
beforeInteractive davranışını taklit eder, hatta daha güvenilir.

Avantaj:
- gtag('consent','default') hiçbir analytics scripti yüklenmeden önce
  kaydedilir (Google Consent Mode v2 zorunluluğu)
- GTM snippet'i de aynı şekilde body'nin başında çalışır
- noscript fallback iframe korundu
---
 components/consent-init.tsx | 62 +++++++++++++++++++------------------
 1 file changed, 32 insertions(+), 30 deletions(-)

diff --git a/components/consent-init.tsx b/components/consent-init.tsx
index d750b17..d13dee9 100644
--- a/components/consent-init.tsx
+++ b/components/consent-init.tsx
@@ -1,42 +1,44 @@
-import Script from "next/script";
-
 /**
  * Google Consent Mode v2 — defaults set to "denied" before any tag loads.
  * After the user makes a choice, CookieBanner calls gtag('consent','update', ...).
  *
- * GTM/GA inject sadece site_settings.gtm_id doluysa yapılır.
+ * Next.js 16 / React 19'da `next/script` inline scripts ile sorunlu olduğu için
+ * doğrudan <script dangerouslySetInnerHTML> kullanıyoruz. Script senkron olarak
+ * HTML parse edildiği anda çalışır — gtag('consent','default') hiçbir analytics
+ * scripti yüklenmeden önce kaydedilir.
  */
 export function ConsentInit({ gtmId }: { gtmId?: string | null }) {
+  const defaultConsent = `
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    window.gtag = gtag;
+    gtag('consent', 'default', {
+      ad_storage: 'denied',
+      ad_user_data: 'denied',
+      ad_personalization: 'denied',
+      analytics_storage: 'denied',
+      functionality_storage: 'granted',
+      personalization_storage: 'denied',
+      security_storage: 'granted',
+      wait_for_update: 500,
+    });
+  `;
+
+  const gtmSnippet = gtmId
+    ? `
+      (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});
+      var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
+      j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+      })(window,document,'script','dataLayer','${gtmId}');
+    `
+    : null;
+
   return (
     <>
-      <Script id="consent-default" strategy="beforeInteractive">
-        {`
-          window.dataLayer = window.dataLayer || [];
-          function gtag(){dataLayer.push(arguments);}
-          window.gtag = gtag;
-          gtag('consent', 'default', {
-            ad_storage: 'denied',
-            ad_user_data: 'denied',
-            ad_personalization: 'denied',
-            analytics_storage: 'denied',
-            functionality_storage: 'granted',
-            personalization_storage: 'denied',
-            security_storage: 'granted',
-            wait_for_update: 500,
-          });
-        `}
-      </Script>
-
-      {gtmId && (
+      <script dangerouslySetInnerHTML={{ __html: defaultConsent }} />
+      {gtmSnippet && (
         <>
-          <Script id="gtm-script" strategy="afterInteractive">
-            {`
-              (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});
-              var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
-              j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-              })(window,document,'script','dataLayer','${gtmId}');
-            `}
-          </Script>
+          <script dangerouslySetInnerHTML={{ __html: gtmSnippet }} />
           <noscript>
             <iframe
               src={`https://www.googletagmanager.com/ns.html?id=${gtmId}`}