diff --git a/.vscode/settings.json b/.vscode/settings.json
index c2f658be7..0e2e22128 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,4 +1,4 @@
 {
   "eslint.enable": false,
-  "javascript.validate.enable": false,
+  "javascript.validate.enable": false
 }
diff --git a/packages/docz/src/components/Playground.tsx b/packages/docz/src/components/Playground.tsx
index 9f18248d3..7a196cc9d 100644
--- a/packages/docz/src/components/Playground.tsx
+++ b/packages/docz/src/components/Playground.tsx
@@ -22,9 +22,11 @@ const DefaultRender: RenderComponent = ({ component, code }) => (
 )
 
 export const Playground: SFC<PlaygroundProps> = ({
-  components: { render: Render = DefaultRender },
+  components: { render: Render = DefaultRender } = {},
   children,
   __code,
-}) => (
-  <Render component={isFn(children) ? children() : children} code={__code} />
-)
+}) => {
+  return (
+    <Render component={isFn(children) ? children() : children} code={__code} />
+  )
+}