diff --git a/types/storybook__html/index.d.ts b/types/storybook__html/index.d.ts
index 6af9ba5592..633c1279b0 100644
--- a/types/storybook__html/index.d.ts
+++ b/types/storybook__html/index.d.ts
@@ -6,7 +6,7 @@
 
 /// <reference types="webpack-env" />
 
-export type RenderFunction = () => string | string[];
+export type RenderFunction = () => string | string[] | HTMLElement;
 
 export interface DecoratorParameters {
     [key: string]: any;
diff --git a/types/storybook__html/storybook__html-tests.ts b/types/storybook__html/storybook__html-tests.ts
index 57c7625e9e..00ecb78e69 100644
--- a/types/storybook__html/storybook__html-tests.ts
+++ b/types/storybook__html/storybook__html-tests.ts
@@ -33,6 +33,11 @@ storiesOf<AnyAddon>('withAnyAddon', module)
     .addWithSideEffect('more', () => "<div></div>")
     .add('another story', () => "<div></div>")
     .add('to Storybook as Array', () => ["<div></div>", "<div></div>"])
+    .add('storybook with dom', () => {
+        const button = document.createElement('button');
+        button.innerText = '😀 😎 👍 💯';
+        return button;
+    })
     .add('and a story with additional parameters', () => "<div></div>", parameters)
     .addWithSideEffect('even more', () => "<div></div>");