diff --git a/src/index.js b/src/index.js
index aa2c9f0f..f122c1b9 100644
--- a/src/index.js
+++ b/src/index.js
@@ -18,11 +18,16 @@ polyfillIntersectionObserver().then(() => {
 
   const renderPlayroom = ({
     themes = require('./themes'),
-    components = require('./components'),
+    importedComponents = require('./components'),
     snippets = require('./snippets'),
   } = {}) => {
     const themeNames = Object.keys(themes);
 
+    // Exclude undefined components, e.g. an exported TypeScript type.
+    const components = Object.fromEntries(
+      Object.entries(importedComponents).filter(([_, value]) => value)
+    );
+
     render(
       <StoreProvider themes={themeNames} widths={widths}>
         <Playroom