Add suppressHydrationWarning to SelectMenu (#2800)

brainly · Mar 20, 2024 · f9abc6a · f9abc6a
1 parent 6868372
commit f9abc6a
Showing 1 changed file with 7 additions and 1 deletion.
diff --git 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) {