fix(render): Accept React.ReactNode instead of React.ReactElement (#2240)

Author: gabrielmfern

.changeset/ready-papayas-decide.md

@@ -0,0 +1,5 @@
+---
+"@react-email/render": patch
+---
+
+accept React.ReactNode instead of React.ReactElement

packages/render/src/browser/render.tsx

@@ -48,11 +48,8 @@ const readStream = async (
   return decoder.decode(mergedChunks);
 };
 
-export const render = async (
-  element: React.ReactElement,
-  options?: Options,
-) => {
-  const suspendedElement = <Suspense>{element}</Suspense>;
+export const render = async (node: React.ReactNode, options?: Options) => {
+  const suspendedElement = <Suspense>{node}</Suspense>;
   const reactDOMServer = await import('react-dom/server');
 
   let html!: string;

packages/render/src/node/render.tsx

@@ -5,11 +5,8 @@ import { plainTextSelectors } from '../shared/plain-text-selectors';
 import { pretty } from '../shared/utils/pretty';
 import { readStream } from './read-stream';
 
-export const render = async (
-  element: React.ReactElement,
-  options?: Options,
-) => {
-  const suspendedElement = <Suspense>{element}</Suspense>;
+export const render = async (node: React.ReactNode, options?: Options) => {
+  const suspendedElement = <Suspense>{node}</Suspense>;
   const reactDOMServer = await import('react-dom/server');
 
   let html!: string;