From cccf753226a8f363dab012feb30d633a4f938edd Mon Sep 17 00:00:00 2001
From: Sean Burton <sean.burton@quantinuum.com>
Date: Wed, 3 Jun 2026 12:10:40 +0100
Subject: [PATCH] fix: add necessary 'use client' to components that use
 client-side APIs

---
 .../CookieConsentManager/CookieConsentManager.tsx | 15 +++++++++++++--
 .../gdpr/contexts/CookieConsentShared.ts          |  2 ++
 .../components/gdpr/contexts/useCookieConsent.ts  |  2 ++
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/documentation-ui/src/custom/docs/components/gdpr/_components/CookieConsentManager/CookieConsentManager.tsx b/documentation-ui/src/custom/docs/components/gdpr/_components/CookieConsentManager/CookieConsentManager.tsx
index 2cfa422..3f4ad3d 100644
--- a/documentation-ui/src/custom/docs/components/gdpr/_components/CookieConsentManager/CookieConsentManager.tsx
+++ b/documentation-ui/src/custom/docs/components/gdpr/_components/CookieConsentManager/CookieConsentManager.tsx
@@ -1,3 +1,5 @@
+'use client'
+
 import dynamic from 'next/dynamic'
 import { CookieSettingsButton } from 'src/custom/docs/components/gdpr/_components/CookieSettingsButton/CookieSettingsButton'
 import { CookieSettingsDialog } from 'src/custom/docs/components/gdpr/_components/CookieSettingsDialog/CookieSettingsDialog'
@@ -12,7 +14,9 @@ type CookieBannerProps = {
 
 const CookieBanner = dynamic<CookieBannerProps>(
   () =>
-    import('src/custom/docs/components/gdpr/_components/CookieBanner/CookieBanner').then((module) => module.CookieBanner),
+    import('src/custom/docs/components/gdpr/_components/CookieBanner/CookieBanner').then(
+      (module) => module.CookieBanner
+    ),
   { ssr: false }
 )
 
@@ -44,7 +48,14 @@ export function CookieConsentManager() {
   }
 
   if (isCookieBannerVisible) {
-    return <CookieBanner isOpen onAccept={acceptAll} onReject={rejectNonEssential} onSettings={openSettings} />
+    return (
+      <CookieBanner
+        isOpen
+        onAccept={acceptAll}
+        onReject={rejectNonEssential}
+        onSettings={openSettings}
+      />
+    )
   }
 
   return null
diff --git a/documentation-ui/src/custom/docs/components/gdpr/contexts/CookieConsentShared.ts b/documentation-ui/src/custom/docs/components/gdpr/contexts/CookieConsentShared.ts
index 5b1f5ee..8baa8b3 100644
--- a/documentation-ui/src/custom/docs/components/gdpr/contexts/CookieConsentShared.ts
+++ b/documentation-ui/src/custom/docs/components/gdpr/contexts/CookieConsentShared.ts
@@ -1,3 +1,5 @@
+'use client'
+
 import { createContext } from 'react'
 import { type CookieConsent } from '../types'
 
diff --git a/documentation-ui/src/custom/docs/components/gdpr/contexts/useCookieConsent.ts b/documentation-ui/src/custom/docs/components/gdpr/contexts/useCookieConsent.ts
index c120343..06cbf9d 100644
--- a/documentation-ui/src/custom/docs/components/gdpr/contexts/useCookieConsent.ts
+++ b/documentation-ui/src/custom/docs/components/gdpr/contexts/useCookieConsent.ts
@@ -1,3 +1,5 @@
+'use client'
+
 import { useContext } from 'react'
 import { CookieConsentContext, type CookieConsentContextType } from './CookieConsentShared'