diff --git a/src/ChatBubble.tsx b/src/ChatBubble.tsx
index 5cf23ea..5548e53 100644
--- a/src/ChatBubble.tsx
+++ b/src/ChatBubble.tsx
@@ -40,7 +40,7 @@ import { ContextMenuWrapper } from './wrappers/ContextMenuWrapper';
 const ParsedText = loadParsedText();
 
 function _ChatBubble(props: IChatBubble) {
-  const { message, customContent } = props;
+  const { message, children } = props;
   const propsContext = useContext(PropsContext);
   const [mediaLoaded, setMediaLoaded] = useState<boolean>(false);
   const [showMedia, setShowMedia] = useState<boolean>(false);
@@ -343,8 +343,8 @@ function _ChatBubble(props: IChatBubble) {
             { padding: message?.repliedTo ? 5 : 15 },
           ]}
         >
-          {customContent ? (
-            customContent
+          {children ? (
+            children
           ) : (
             <>
               {message?.repliedTo && (
diff --git a/src/components/TypingStatus.tsx b/src/components/TypingStatus.tsx
index 3362b5c..351d38d 100644
--- a/src/components/TypingStatus.tsx
+++ b/src/components/TypingStatus.tsx
@@ -36,15 +36,13 @@ function _TypingStatus(_: any, ref: Ref<ITypingStatusRef>) {
     }
 
     return (
-      <ChatBubble
-        customContent={
-          <LottieView
-            source={require('../assets/lottie/typing.json')}
-            autoPlay
-            style={{ width: 30 }}
-          />
-        }
-      />
+      <ChatBubble>
+        <LottieView
+          source={require('../assets/lottie/typing.json')}
+          autoPlay
+          style={{ width: 30 }}
+        />
+      </ChatBubble>
     );
   } else {
     if (propsContext?.renderTypingBubble) {