From cd95ad552cb13d8226b7a13b21bf47fddcb8f9b8 Mon Sep 17 00:00:00 2001
From: Mateusz Zimowski <mat.zimowski@gmail.com>
Date: Wed, 20 Mar 2024 15:57:57 +0100
Subject: [PATCH] Add suppressHydrationWarning to SelectMenu

---
 src/components/select-menu/SelectMenu.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/select-menu/SelectMenu.tsx b/src/components/select-menu/SelectMenu.tsx
index b0ba3362d..d8ee62bee 100644
--- a/src/components/select-menu/SelectMenu.tsx
+++ b/src/components/select-menu/SelectMenu.tsx
@@ -411,7 +411,12 @@ const SelectMenu = React.forwardRef<HTMLDivElement, SelectMenuPropsType>(
     const interactionsFloatingProps = interactions.getFloatingProps();
 
     return (
-      <div id={wrapperId} className={selectClass} onClick={onClick}>
+      <div
+        id={wrapperId}
+        className={selectClass}
+        onClick={onClick}
+        suppressHydrationWarning
+      >
         <div
           ref={selectRef}
           id={id}
@@ -424,6 +429,7 @@ const SelectMenu = React.forwardRef<HTMLDivElement, SelectMenuPropsType>(
           aria-expanded={isExpanded}
           aria-haspopup="listbox"
           data-status={status}
+          suppressHydrationWarning
           {...interactions.getReferenceProps({
             // Handle keyboard
             onKeyDown(event) {