chore(react-message-bar): Use useAnnounce() instead of the deprecat…

…ed `useAnnounce_unstable()` (#33178) Co-authored-by: Sarah Higley <[email protected]>
microsoft · Oct 31, 2024 · a22d8ee · a22d8ee
1 parent c262869
commit a22d8ee
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/change/@fluentui-react-message-bar-dcc6ade3-1e4b-44ab-b29b-14b1cafc1320.json b/change/@fluentui-react-message-bar-dcc6ade3-1e4b-44ab-b29b-14b1cafc1320.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore(react-message-bar): Use useAnnounce() instead of the deprecated useAnnounce_unstable()",
+  "packageName": "@fluentui/react-message-bar",
+  "email": "[email protected]",
+  "dependentChangeType": "none"
+}
diff --git a/...ges/react-components/react-message-bar/library/src/components/MessageBar/useMessageBar.ts b/...ges/react-components/react-message-bar/library/src/components/MessageBar/useMessageBar.ts
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { getIntrinsicElementProps, slot, useId, useMergedRefs } from '@fluentui/react-utilities';
-import { useAnnounce_unstable } from '@fluentui/react-shared-contexts';
+import { useAnnounce } from '@fluentui/react-shared-contexts';
 import type { MessageBarProps, MessageBarState } from './MessageBar.types';
 import { getIntentIcon } from './getIntentIcon';
 import { useMessageBarReflow } from './useMessageBarReflow';
@@ -24,7 +24,7 @@ export const useMessageBar_unstable = (props: MessageBarProps, ref: React.Ref<HT
   const { className: transitionClassName, nodeRef } = useMessageBarTransitionContext();
   const actionsRef = React.useRef<HTMLDivElement | null>(null);
   const bodyRef = React.useRef<HTMLDivElement | null>(null);
-  const { announce } = useAnnounce_unstable();
+  const { announce } = useAnnounce();
   const titleId = useId();
 
   React.useEffect(() => {