diff --git a/jest.config.js b/jest.config.js
index 3e4e831..dbcb06f 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -6,6 +6,7 @@ const config = Object.assign(jestConfig, {
   transform: {
     ...jestConfig.transform,
     '^.+\\.svelte$': 'jest-transform-svelte',
+    '^.+\\.html$': 'svelte-test/transform',
   },
   transformIgnorePatterns: [
     ...jestConfig.transformIgnorePatterns,
diff --git a/package-lock.json b/package-lock.json
index 91f3d29..5d0b3ca 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11517,6 +11517,15 @@
       "integrity": "sha512-b5TyzV7Dx1ijN4QPNarhKq5rX98QHDmi18nF0G8KV3d5KX3Jj98Yu4+tzM97ktnXcfoVJmvONvPaX1ZI0mr8Dw==",
       "dev": true
     },
+    "svelte-test": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/svelte-test/-/svelte-test-0.3.0.tgz",
+      "integrity": "sha512-aUdNJOOpvjWDXwvi7fGteo/eJWmAPa22VDxZH/OWv8/J4AVjUOLdkMoYf9MhaoWao5fzFM2vfdD+a17hUsb2LA==",
+      "dev": true,
+      "requires": {
+        "cosmiconfig": "^5.2.0"
+      }
+    },
     "symbol-observable": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.2.0.tgz",
diff --git a/package.json b/package.json
index 6cb7d49..35d46c2 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,8 @@
     "rollup-plugin-svelte": "^5.0.3",
     "rollup-plugin-terser": "^4.0.4",
     "sirv-cli": "^0.4.0",
-    "svelte": "^3.0.0"
+    "svelte": "^3.0.0",
+    "svelte-test": "^0.3.0"
   },
   "peerDependencies": {
     "svelte": "3.x"
@@ -58,4 +59,4 @@
     "dist",
     "public"
   ]
-}
\ No newline at end of file
+}
diff --git a/src/index.js b/src/index.js
index a83af59..9cd3ce9 100644
--- a/src/index.js
+++ b/src/index.js
@@ -7,7 +7,8 @@ export const render = (Component, {target, ...options} = {}) => {
     target = document.body.appendChild(document.createElement('div'))
   }
 
-  const component = new Component({
+  const ComponentConstructor = Component.default || Component
+  const component = new ComponentConstructor({
     ...options,
     target,
   })
diff --git a/tests/example/App.html b/tests/example/App.html
new file mode 100644
index 0000000..473f0b7
--- /dev/null
+++ b/tests/example/App.html
@@ -0,0 +1,19 @@
+<script>
+	export let name;
+
+	let buttonText = "Button Text";
+
+	function handleClick() {
+	  buttonText = "Button Clicked";
+	}
+</script>
+
+<style>
+	h1 {
+	  color: purple;
+	}
+</style>
+
+<h1>Hello {name}!</h1>
+
+<button on:click={handleClick}>{buttonText}</button>
diff --git a/tests/render.spec.js b/tests/render.spec.js
index 8b9ea36..744a5e4 100644
--- a/tests/render.spec.js
+++ b/tests/render.spec.js
@@ -7,6 +7,7 @@ import {
   prettyDOM,
 } from '../src'
 import App from './example/App.svelte'
+import App2 from './example/App.html'
 import 'jest-dom/extend-expect'
 
 afterEach(cleanup)
@@ -82,4 +83,10 @@ describe('render', () => {
 
     cleanup()
   })
+
+  test('correctly find component constructor on the default property', () => {
+    const {getByText} = render(App2, {props: {name: 'world'}})
+
+    expect(getByText('Hello world!')).toBeInTheDocument()
+  })
 })