diff --git a/src/render.test.ts b/src/render.test.ts
index f857e5b..521e979 100644
--- a/src/render.test.ts
+++ b/src/render.test.ts
@@ -14,3 +14,10 @@ test('should allow `<html>` attributes override', () => {
     expect(createRenderFunction()({title: 'Foobar'})).toMatch('<html >');
     expect(createRenderFunction([dirPlugin()])({title: 'Foobar'})).toMatch('<html dir="ltr">');
 });
+
+test('should render root content', () => {
+    expect(createRenderFunction()({title: 'Foobar'})).toMatch(/<div id="root">\s*<\/div>/);
+    expect(createRenderFunction()({title: 'Foobar', bodyContent: {root: 'content'}})).toMatch(
+        /<div id="root">\s*content\s*<\/div>/,
+    );
+});
diff --git a/src/render.ts b/src/render.ts
index 4e67ee1..e0ce8ca 100644
--- a/src/render.ts
+++ b/src/render.ts
@@ -86,7 +86,7 @@ export function createRenderFunction<Plugins extends Plugin[]>(plugins?: Plugins
 <body ${attrs({class: bodyContent.className.filter(Boolean).join(' ')})}>
     ${bodyContent.beforeRoot.join('\n')}
     <div id="root">
-        ${bodyContent.root}
+        ${bodyContent.root ?? ''}
     </div>
     ${bodyContent.afterRoot.join('\n')}
 </body>
