feat: add dynamic component

src/components/dynamicComponent.js

@@ -0,0 +1,17 @@
+import SbEditable from 'storyblok-react'
+import Teaser from './Teaser'
+import React from "react"
+
+const Components = {
+  'teaser': Teaser,
+}
+
+const DynamicComponent = ({ blok }) => {
+  if (typeof Components[blok.component] !== 'undefined') {
+    const Component = Components[blok.component]
+    return (<SbEditable content={blok}><Component blok={blok} /></SbEditable>)
+  }
+  return (<p>The component <strong>{blok.component}</strong> has not been created yet.</p>)
+}
+
+export default DynamicComponent

src/components/teaser.js

@@ -0,0 +1,14 @@
+import * as React from "react"
+
+const Teaser = ({ blok }) => (
+    <div>
+      <h2>
+          { blok.headline }
+      </h2>
+      <p>
+          { blok.intro }
+      </p>
+    </div>
+)
+
+export default Teaser