Update fluentui/react version to 8.62.4 (#1979)

* update

* Change files

* uodate file

* uodate file

* storybook update

* version

* merge

* Update composite automation snapshots

* Update composite automation snapshots

* Update composite automation snapshots

* Update composite automation snapshots

* Update composite automation snapshots

* ui test fix

* Update composite automation snapshots

* Update composite automation snapshots

* Update composite automation snapshots

* storybook update

* storyshot

* update storybook

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Author: carocao-msft

change/@internal-react-components-fb346bd0-cce4-494f-aa10-dd3815bb4367.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Update fluentui/react version",
+  "packageName": "@internal/react-components",
+  "email": "carolinecao@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@internal-react-composites-76f8df50-8fdb-4051-8f5d-8aab1ac268c2.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Update fluentui/react version",
+  "packageName": "@internal/react-composites",
+  "email": "carolinecao@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@internal-storybook-41567f53-35ce-422a-b4e0-915624f3e285.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "Update fluentui/react version",
+  "packageName": "@internal/storybook",
+  "email": "carolinecao@microsoft.com",
+  "dependentChangeType": "patch"
+}

common/config/rush/pnpm-lock.yaml

@@ -32,7 +32,7 @@
     "@fluentui/react-icons": "~1.1.137",
     "@fluentui/react-northstar": "0.61.0",
     "@fluentui/react-window-provider": "~2.2.0",
-    "@fluentui/react": "~8.17.2",
+    "@fluentui/react": "~8.62.4",
     "copy-to-clipboard": "~3.3.1",
     "events": "~3.3.0",
     "html-to-react": "~1.4.5",

common/config/rush/variants/stable/pnpm-lock.yaml

@@ -37,7 +37,7 @@
     "@fluentui/react-icons": "~1.1.137",
     "@fluentui/react-northstar": "0.61.0",
     "@fluentui/react-window-provider": "~2.2.0",
-    "@fluentui/react": "~8.17.2",
+    "@fluentui/react": "~8.62.4",
     "@internal/acs-ui-common": "1.2.2-beta.1",
     "copy-to-clipboard": "~3.3.1",
     "html-to-react": "~1.4.5",

packages/communication-react/package.json

@@ -51,7 +51,7 @@
     "@fluentui/react-file-type-icons": "~8.5.8",
     "@fluentui/react-hooks": "~8.3.8",
     "@fluentui/react-icons": "~1.1.137",
-    "@fluentui/react": "~8.17.2",
+    "@fluentui/react": "~8.62.4",
     "@internal/acs-ui-common": "1.2.2-beta.1",
     "@internal/calling-component-bindings": "1.2.2-beta.1",
     "@internal/calling-stateful-client": "1.2.2-beta.1",

packages/react-components/package.json

@@ -240,7 +240,7 @@ export const stubMessageTimestamps = async (page: Page): Promise<void> => {
  * Stub out ReadReceipts tooltip content to avoid spurious diffs in snapshot tests.
  */
 export const stubReadReceiptsToolTip = async (page: Page): Promise<void> => {
-  const readReceiptsToolTipId: string = dataUiId(IDS.readReceiptTooltip) + ' > div > p';
+  const readReceiptsToolTipId: string = dataUiId(IDS.readReceiptTooltip) + ' > div > div > p';
 
   await page.evaluate((readReceiptsToolTipId) => {
     Array.from(document.querySelectorAll(readReceiptsToolTipId)).forEach((i) => (i.textContent = 'Read by stub/stub'));