Fix rendering of hr elements (#141)

* Fix rendering of hr elements

* Changesets

* prettier

Author: karaggeorge

.changeset/plenty-crabs-press.md

@@ -0,0 +1,5 @@
+---
+'@v0-sdk/react': patch
+---
+
+Fix void element rendering error for elements like `hr` that have no children

packages/react/src/components/message.ts

@@ -247,11 +247,14 @@ function MessageRenderer({
             props?.className,
             componentOrConfig.className,
           )
-          return React.createElement(
-            tagName,
-            { key: element.key, ...props, className: mergedClassName },
-            renderedChildren,
-          )
+          const elementProps = {
+            key: element.key,
+            ...props,
+            className: mergedClassName,
+          }
+          return renderedChildren?.length
+            ? React.createElement(tagName, elementProps, renderedChildren)
+            : React.createElement(tagName, elementProps)
         } else {
           // Default HTML element rendering
           const elementProps: Record<string, any> = {
@@ -268,7 +271,9 @@ function MessageRenderer({
             elementProps.rel = 'noopener noreferrer'
           }
 
-          return React.createElement(tagName, elementProps, renderedChildren)
+          return renderedChildren?.length
+            ? React.createElement(tagName, elementProps, renderedChildren)
+            : React.createElement(tagName, elementProps)
         }
 
       case 'component':