fix: playground component destructuring bug (#4)

* ˜fix bug

* remove vscode config

* follow renatorib suggestion

Author: lucasavila00

.vscode/settings.json

@@ -1,4 +1,4 @@
 {
   "eslint.enable": false,
-  "javascript.validate.enable": false,
+  "javascript.validate.enable": false
 }

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} />
+  )
+}