From bf0c8615f8574264883f984c0d2ff36ff9dcdcb7 Mon Sep 17 00:00:00 2001
From: jnyholm-sc <ext-jan.nyholm@supercell.com>
Date: Fri, 11 Jul 2025 15:41:26 +0300
Subject: [PATCH 1/2] fix: hydration problem caused by isAppleDevice (#6051)

* fix: hydration problem caused by isAppleDevice

* Create three-pants-attend.md

---------

Co-authored-by: Nathan Bierema <nbierema@gmail.com>
---
 .changeset/three-pants-attend.md     |  5 +++++
 packages/react-select/src/Select.tsx | 13 +++++++++----
 2 files changed, 14 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/three-pants-attend.md

diff --git a/.changeset/three-pants-attend.md b/.changeset/three-pants-attend.md
new file mode 100644
index 0000000000..06f852b80c
--- /dev/null
+++ b/.changeset/three-pants-attend.md
@@ -0,0 +1,5 @@
+---
+'react-select': patch
+---
+
+fix: hydration problem caused by isAppleDevice
diff --git a/packages/react-select/src/Select.tsx b/packages/react-select/src/Select.tsx
index dadde14dd2..146d084e20 100644
--- a/packages/react-select/src/Select.tsx
+++ b/packages/react-select/src/Select.tsx
@@ -340,6 +340,7 @@ interface State<
   inputIsHiddenAfterUpdate: boolean | null | undefined;
   prevProps: Props<Option, IsMulti, Group> | void;
   instancePrefix: string;
+  isAppleDevice: boolean;
 }
 
 interface CategorizedOption<Option> {
@@ -644,6 +645,7 @@ export default class Select<
     inputIsHiddenAfterUpdate: undefined,
     prevProps: undefined,
     instancePrefix: '',
+    isAppleDevice: false,
   };
 
   // Misc. Instance Properties
@@ -657,7 +659,6 @@ export default class Select<
   openAfterFocus = false;
   scrollToFocusedOptionOnUpdate = false;
   userIsDragging?: boolean;
-  isAppleDevice = isAppleDevice();
 
   // Refs
   // ------------------------------
@@ -815,6 +816,10 @@ export default class Select<
     ) {
       scrollIntoView(this.menuListRef, this.focusedOptionRef);
     }
+    if (isAppleDevice()) {
+      // eslint-disable-next-line react/no-did-mount-set-state
+      this.setState({ isAppleDevice: true });
+    }
   }
   componentDidUpdate(prevProps: Props<Option, IsMulti, Group>) {
     const { isDisabled, menuIsOpen } = this.props;
@@ -1724,7 +1729,7 @@ export default class Select<
       'aria-labelledby': this.props['aria-labelledby'],
       'aria-required': required,
       role: 'combobox',
-      'aria-activedescendant': this.isAppleDevice
+      'aria-activedescendant': this.state.isAppleDevice
         ? undefined
         : this.state.focusedOptionId || '',
 
@@ -1995,7 +2000,7 @@ export default class Select<
         onMouseOver: onHover,
         tabIndex: -1,
         role: 'option',
-        'aria-selected': this.isAppleDevice ? undefined : isSelected, // is not supported on Apple devices
+        'aria-selected': this.state.isAppleDevice ? undefined : isSelected, // is not supported on Apple devices
       };
 
       return (
@@ -2188,7 +2193,7 @@ export default class Select<
         isFocused={isFocused}
         selectValue={selectValue}
         focusableOptions={focusableOptions}
-        isAppleDevice={this.isAppleDevice}
+        isAppleDevice={this.state.isAppleDevice}
       />
     );
   }

From 052e864b4990a67c4ee416851c34d1eb7b58267b Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Fri, 11 Jul 2025 08:48:02 -0400
Subject: [PATCH 2/2] Version Packages (#6052)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
---
 .changeset/three-pants-attend.md   | 5 -----
 packages/react-select/CHANGELOG.md | 6 ++++++
 packages/react-select/package.json | 2 +-
 3 files changed, 7 insertions(+), 6 deletions(-)
 delete mode 100644 .changeset/three-pants-attend.md

diff --git a/.changeset/three-pants-attend.md b/.changeset/three-pants-attend.md
deleted file mode 100644
index 06f852b80c..0000000000
--- a/.changeset/three-pants-attend.md
+++ /dev/null
@@ -1,5 +0,0 @@
----
-'react-select': patch
----
-
-fix: hydration problem caused by isAppleDevice
diff --git a/packages/react-select/CHANGELOG.md b/packages/react-select/CHANGELOG.md
index d710c8dd11..393254bebd 100644
--- a/packages/react-select/CHANGELOG.md
+++ b/packages/react-select/CHANGELOG.md
@@ -1,5 +1,11 @@
 # react-select
 
+## 5.10.2
+
+### Patch Changes
+
+- [`bf0c8615`](https://github.com/JedWatson/react-select/commit/bf0c8615f8574264883f984c0d2ff36ff9dcdcb7) [#6051](https://github.com/JedWatson/react-select/pull/6051) Thanks [@jnyholm-sc](https://github.com/jnyholm-sc)! - fix: hydration problem caused by isAppleDevice
+
 ## 5.10.1
 
 ### Patch Changes
diff --git a/packages/react-select/package.json b/packages/react-select/package.json
index 48a74f6583..901e9768c3 100644
--- a/packages/react-select/package.json
+++ b/packages/react-select/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-select",
-  "version": "5.10.1",
+  "version": "5.10.2",
   "description": "A Select control built with and for ReactJS",
   "main": "dist/react-select.cjs.js",
   "module": "dist/react-select.esm.js",