fix(ChatMessage): remove compactBody default prop from ChatMessage (#18874)

* fix: remove compactBody default prop from ChatMessage

* add changelog

Co-authored-by: Charles Assuncao <charles.assuncao@microsoft.com>

Author: chpalac

packages/fluentui/CHANGELOG.md

@@ -23,6 +23,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 - Wrap ChatMessage header elements correctly @Hirse ([#18837](https://github.com/microsoft/fluentui/pull/18837))
 - Align ChatMessageDetails color with ChatMessage header @Hirse ([#18840](https://github.com/microsoft/fluentui/pull/18840))
 - Fix compact hover background in dark themes @Hirse ([#18842](https://github.com/microsoft/fluentui/pull/18842))
+- Fix children conflict with compactBody in `ChatMessage` @chassunc ([#18874](https://github.com/microsoft/fluentui/pull/18874))
 - Fix `Tooltip` trigger order of props being spread @chassunc ([#18875](https://github.com/microsoft/fluentui/pull/18875))
 
 ### Features

packages/fluentui/react-northstar/src/components/Chat/ChatMessage.tsx

@@ -502,7 +502,7 @@ export const ChatMessage: ComponentWithAs<'div', ChatMessageProps> &
   if (density === 'compact') {
     const headerElement = createShorthand(ChatMessageHeader, header);
 
-    const bodyElement = Box.create(compactBody, {
+    const bodyElement = Box.create(compactBody || {}, {
       defaultProps: () =>
         getA11Props('compactBody', {
           className: chatMessageSlotClassNames.compactBody,
@@ -593,7 +593,6 @@ ChatMessage.displayName = 'ChatMessage';
 ChatMessage.defaultProps = {
   accessibility: chatMessageBehavior,
   badgePosition: 'end',
-  compactBody: {},
   positionActionMenu: true,
   reactionGroupPosition: 'start',
 };