From 6b2530e9997a48a5458939c5b4af57c79edb89bb Mon Sep 17 00:00:00 2001
From: Tomasz Kajtoch <tomasz.kajtoch@elastic.co>
Date: Wed, 23 Oct 2024 15:09:21 +0200
Subject: [PATCH] docs: wrap context menu guideline with BrowserOnly to make it
 work with SSR

---
 .../docs/components/navigation/button/guidelines.mdx        | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/website/docs/components/navigation/button/guidelines.mdx b/packages/website/docs/components/navigation/button/guidelines.mdx
index 282b2183607e..3911694a7190 100644
--- a/packages/website/docs/components/navigation/button/guidelines.mdx
+++ b/packages/website/docs/components/navigation/button/guidelines.mdx
@@ -205,11 +205,15 @@ Two buttons are optimal for a side-by-side layout, three is rare. For more butto
 
 ```mdx-code-block
 import ContextMenu from './guidelines_context_menu';
+import BrowserOnly from '@docusaurus/BrowserOnly';
 ```
 
 <EuiFlexGroup gutterSize="m">
   <Guideline type="do" text="Put multiple actions inside a menu triggered by a single rather than showing them separately.">
-    <ContextMenu />
+    {/* ContextMenu uses EuiPopover that's SSR-incompatible */}
+    <BrowserOnly>
+      {() => <ContextMenu />}
+    </BrowserOnly>
   </Guideline>
   <Guideline type="dont" text="When there are many buttons, none matter.">
     <EuiFlexGroup>