From df998626396b1bdfdf87db23d3f6a7f90f2b96cb Mon Sep 17 00:00:00 2001
From: jose-donato <43375532+jose-donato@users.noreply.github.com>
Date: Thu, 30 Nov 2023 12:09:08 +0000
Subject: [PATCH] fix: search button? (#5831)

---
 website/src/theme/SearchBar/index.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/website/src/theme/SearchBar/index.js b/website/src/theme/SearchBar/index.js
index 9fb45cb1f92..1e6ea145d59 100644
--- a/website/src/theme/SearchBar/index.js
+++ b/website/src/theme/SearchBar/index.js
@@ -1,7 +1,8 @@
-import React, { useCallback, useMemo, useRef, useState } from "react";
 import { DocSearchButton, useDocSearchKeyboardEvents } from "@docsearch/react";
+import BrowserOnly from "@docusaurus/BrowserOnly";
 import Head from "@docusaurus/Head";
 import Link from "@docusaurus/Link";
+import Translate from "@docusaurus/Translate";
 import { useHistory } from "@docusaurus/router";
 import { isRegexpStringMatch } from "@docusaurus/theme-common";
 import { useSearchPage } from "@docusaurus/theme-common/internal";
@@ -9,10 +10,10 @@ import {
   useAlgoliaContextualFacetFilters,
   useSearchResultUrlProcessor,
 } from "@docusaurus/theme-search-algolia/client";
-import Translate from "@docusaurus/Translate";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
-import { createPortal } from "react-dom";
 import translations from "@theme/SearchTranslations";
+import React, { useCallback, useMemo, useRef, useState } from "react";
+import { createPortal } from "react-dom";
 import { useIFrameContext } from "../Root";
 let DocSearchModal = null;
 function Hit({ hit, children }) {
@@ -157,7 +158,8 @@ function DocSearch({ contextualSearch, externalUrlRegex, ...props }) {
         translations={translations.button}
       />
 
-      {isOpen &&
+      <BrowserOnly>
+      {() => isOpen &&
         DocSearchModal &&
         searchContainer.current &&
         createPortal(
@@ -179,6 +181,7 @@ function DocSearch({ contextualSearch, externalUrlRegex, ...props }) {
           />,
           searchContainer.current
         )}
+        </BrowserOnly>
     </>
   );
 }