From f9abc6a7cd6298c0cdd8984703445cbaaaa074f4 Mon Sep 17 00:00:00 2001
From: Mateusz Zimowski <mat.zimowski@gmail.com>
Date: Wed, 20 Mar 2024 16:22:13 +0100
Subject: [PATCH] Add suppressHydrationWarning to SelectMenu (#2800)

---
 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) {