From bf21f0ed04a0ad08eb0f143d93277d20c2593a24 Mon Sep 17 00:00:00 2001
From: Ben Howell <behowell@microsoft.com>
Date: Mon, 25 Mar 2024 16:04:25 -0700
Subject: [PATCH 1/3] chore(xplat): Update canUseDOM to be aware of ReactNative

---
 .../react-platform-adapter-preview/package.json               | 1 -
 .../react-platform-adapter-preview/src/index.ts               | 2 +-
 .../src/components/FluentProvider/renderFluentProvider.tsx    | 4 ++--
 packages/react-components/react-utilities/package.json        | 1 +
 .../react-components/react-utilities/src/ssr/canUseDOM.ts     | 4 +++-
 5 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/react-components/react-platform-adapter-preview/package.json b/packages/react-components/react-platform-adapter-preview/package.json
index 22e7454d9665a..9385dc2478568 100644
--- a/packages/react-components/react-platform-adapter-preview/package.json
+++ b/packages/react-components/react-platform-adapter-preview/package.json
@@ -36,7 +36,6 @@
   "dependencies": {
     "@fluentui/react-shared-contexts": "^9.15.0",
     "@fluentui/react-theme": "^9.1.17",
-    "@fluentui/react-utilities": "^9.18.3",
     "@griffel/core": "^1.14.1",
     "@griffel/react": "^1.5.14",
     "@swc/helpers": "^0.5.1",
diff --git a/packages/react-components/react-platform-adapter-preview/src/index.ts b/packages/react-components/react-platform-adapter-preview/src/index.ts
index dcfc60dde7547..04468db613d4c 100644
--- a/packages/react-components/react-platform-adapter-preview/src/index.ts
+++ b/packages/react-components/react-platform-adapter-preview/src/index.ts
@@ -9,5 +9,5 @@ export { shorthands } from './styling/shorthands';
 export { isReactNative } from './utilities/isReactNative';
 
 // re-export some griffel types to have fluent use the griffel adapter instead of griffel directly
-export { useRenderer_unstable, TextDirectionProvider } from '@griffel/react';
 export { makeStyles as makeStylesCore } from '@griffel/core';
+export { TextDirectionProvider, useRenderer_unstable } from '@griffel/react';
diff --git a/packages/react-components/react-provider/src/components/FluentProvider/renderFluentProvider.tsx b/packages/react-components/react-provider/src/components/FluentProvider/renderFluentProvider.tsx
index e7897e20eac77..ce82b01be72da 100644
--- a/packages/react-components/react-provider/src/components/FluentProvider/renderFluentProvider.tsx
+++ b/packages/react-components/react-provider/src/components/FluentProvider/renderFluentProvider.tsx
@@ -13,7 +13,7 @@ import {
 } from '@fluentui/react-shared-contexts';
 import type { FluentProviderContextValues, FluentProviderState, FluentProviderSlots } from './FluentProvider.types';
 import { IconDirectionContextProvider } from '@fluentui/react-icons';
-import { isReactNative, XPlatProvider } from '@fluentui/react-platform-adapter-preview';
+import { XPlatProvider } from '@fluentui/react-platform-adapter-preview';
 
 /**
  * Render the final JSX of FluentProvider
@@ -41,7 +41,7 @@ export const renderFluentProvider_unstable = (
                   <IconDirectionContextProvider value={contextValues.iconDirection}>
                     <OverridesProvider value={contextValues.overrides_unstable}>
                       <state.root>
-                        {canUseDOM() || isReactNative ? null : (
+                        {canUseDOM() ? null : (
                           <style
                             // Using dangerous HTML because react can escape characters
                             // which can lead to invalid CSS.
diff --git a/packages/react-components/react-utilities/package.json b/packages/react-components/react-utilities/package.json
index d13ad00dace1f..3dbfeb2024be4 100644
--- a/packages/react-components/react-utilities/package.json
+++ b/packages/react-components/react-utilities/package.json
@@ -32,6 +32,7 @@
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.7",
+    "@fluentui/react-platform-adapter-preview": "^0.0.0",
     "@fluentui/react-shared-contexts": "^9.15.2",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-utilities/src/ssr/canUseDOM.ts b/packages/react-components/react-utilities/src/ssr/canUseDOM.ts
index 97a67ead443ed..bbeec2096300d 100644
--- a/packages/react-components/react-utilities/src/ssr/canUseDOM.ts
+++ b/packages/react-components/react-utilities/src/ssr/canUseDOM.ts
@@ -1,9 +1,11 @@
+import { isReactNative } from '@fluentui/react-platform-adapter-preview';
+
 /**
  * Verifies if an application can use DOM.
  */
 export function canUseDOM(): boolean {
   return (
     // eslint-disable-next-line deprecation/deprecation, no-restricted-globals
-    typeof window !== 'undefined' && !!(window.document && window.document.createElement)
+    (typeof window !== 'undefined' && !!(window.document && window.document.createElement)) || isReactNative
   );
 }

From db3e1db7b8cf673cdb75f46b6a7a1e0c0db55fef Mon Sep 17 00:00:00 2001
From: Ben Howell <behowell@microsoft.com>
Date: Mon, 25 Mar 2024 16:05:56 -0700
Subject: [PATCH 2/3] change file

---
 ...act-utilities-73497b94-9cd3-45c2-a951-45082c5596cd.json | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 change/@fluentui-react-utilities-73497b94-9cd3-45c2-a951-45082c5596cd.json

diff --git a/change/@fluentui-react-utilities-73497b94-9cd3-45c2-a951-45082c5596cd.json b/change/@fluentui-react-utilities-73497b94-9cd3-45c2-a951-45082c5596cd.json
new file mode 100644
index 0000000000000..171985e8f49b6
--- /dev/null
+++ b/change/@fluentui-react-utilities-73497b94-9cd3-45c2-a951-45082c5596cd.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore(xplat): Update canUseDOM to be aware of ReactNative",
+  "packageName": "@fluentui/react-utilities",
+  "email": "behowell@microsoft.com",
+  "dependentChangeType": "patch"
+}

From 903e4cb6b89e9a0a35d90cd7e4a1eee46231f9cc Mon Sep 17 00:00:00 2001
From: Ben Howell <behowell@microsoft.com>
Date: Tue, 26 Mar 2024 11:58:39 -0700
Subject: [PATCH 3/3] accordion change file

---
 ...act-accordion-60736783-aa50-492f-a93b-5557fbeebfba.json | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 change/@fluentui-react-accordion-60736783-aa50-492f-a93b-5557fbeebfba.json

diff --git a/change/@fluentui-react-accordion-60736783-aa50-492f-a93b-5557fbeebfba.json b/change/@fluentui-react-accordion-60736783-aa50-492f-a93b-5557fbeebfba.json
new file mode 100644
index 0000000000000..94dcedb9f80d0
--- /dev/null
+++ b/change/@fluentui-react-accordion-60736783-aa50-492f-a93b-5557fbeebfba.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "Update api.md file from TypeScript 5 changes",
+  "packageName": "@fluentui/react-accordion",
+  "email": "behowell@microsoft.com",
+  "dependentChangeType": "none"
+}