Tel

Author: jeffwilcox

src/components/CookieConsentIsland.tsx

@@ -0,0 +1,12 @@
+import { useRef, useEffect } from 'react';
+
+export function CookieConsentWrapper() {
+  const ref = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    // Let the legacy script do its thing after mount
+    // You can optionally load or trigger it here
+  }, []);
+
+  return <div id="cookieConsent" ref={ref} suppressHydrationWarning />;
+}

src/components/TelemetryBody.tsx

@@ -3,10 +3,14 @@
 // Licensed under the MIT license. See LICENSE file in the project root for full license information.
 //
 
+'use client';
+
+import { CookieConsentWrapper } from './CookieConsentIsland';
+
 export default function TelemetryBody() {
   return (
     <>
-      <div id="cookiebanner"></div>
+      <CookieConsentWrapper />
 
       {/* This was equivalent to the production-telemetry.html include */}
       {/*
@@ -20,4 +24,4 @@ export default function TelemetryBody() {
       */}
     </>
   )
-}
+}

src/components/TelemetryScript.tsx

@@ -5,7 +5,7 @@
 
 import fs from 'fs';
 
-const telemetryJavaScript = fs.readFileSync('./src/app/components/telemetry.js', 'utf8');
+const telemetryJavaScript = fs.readFileSync('./src/components/telemetry.js', 'utf8');
 
 export default function TelemetryScript() {
   return (