diff --git a/change/@fluentui-react-ea32524a-6ed8-4a2c-bbda-87c6389f2dd1.json b/change/@fluentui-react-ea32524a-6ed8-4a2c-bbda-87c6389f2dd1.json new file mode 100644 index 00000000000000..e89909cc74493c --- /dev/null +++ b/change/@fluentui-react-ea32524a-6ed8-4a2c-bbda-87c6389f2dd1.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "fix: Add explicit children prop to TeachingBubble to support React 18", + "packageName": "@fluentui/react", + "email": "mgodbolt@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react/etc/react.api.md b/packages/react/etc/react.api.md index cec44a35208fad..5b03eb7fb6b4b2 100644 --- a/packages/react/etc/react.api.md +++ b/packages/react/etc/react.api.md @@ -9105,6 +9105,8 @@ export interface ITeachingBubbleProps extends React_2.RefAttributes; focusTrapZoneProps?: IFocusTrapZoneProps; footerContent?: string | JSX.Element; diff --git a/packages/react/src/components/TeachingBubble/TeachingBubble.types.ts b/packages/react/src/components/TeachingBubble/TeachingBubble.types.ts index b85bc091baa69d..91f1ba6a7ac061 100644 --- a/packages/react/src/components/TeachingBubble/TeachingBubble.types.ts +++ b/packages/react/src/components/TeachingBubble/TeachingBubble.types.ts @@ -21,6 +21,8 @@ export interface ITeachingBubble { * {@docCategory TeachingBubble} */ export interface ITeachingBubbleProps extends React.RefAttributes, IAccessiblePopupProps { + children?: React.ReactNode; + /** * Optional callback to access the ITeachingBubble interface. Use this instead of ref for accessing * the public methods and properties of the component.