fix(docz-example-typescript): add scheduler dep and docs #1020

* fix(docz-example-typescript): add scheduler dep and docs

* fix(docz-example-flow): add @babel/preset-flow with onCreateBabelConfig

* docs(docz-example-flow): add setup instructions

examples/flow/README.md

@@ -0,0 +1,21 @@
+# Flow Docz example
+
+## Download
+
+```sh
+curl https://codeload.github.com/pedronauck/docz/tar.gz/master | tar -xz --strip=2 docz-master/examples/flow
+mv flow docz-flow-example
+cd docz-flow-example
+```
+
+## Setup
+
+```sh
+yarn # npm i
+```
+
+## Run
+
+```sh
+yarn dev # npm run dev
+```

examples/flow/gatsby-node.js

@@ -0,0 +1,5 @@
+exports.onCreateBabelConfig = ({ actions }) => {
+  actions.setBabelPreset({
+    name: `@babel/preset-flow`,
+  })
+}

examples/flow/src/components/Alert.mdx

@@ -3,8 +3,8 @@ name: Alert
 menu: Components
 ---
 
-import { Playground, Props } from 'docz'
-import { Alert } from './Alert'
+import { Playground, Props } from "docz";
+import { Alert } from "./Alert";
 
 # Alert
 
@@ -26,15 +26,3 @@ import { Alert } from './Alert'
   <Alert kind="negative">Some message</Alert>
   <Alert kind="warning">Some message</Alert>
 </Playground>
-
-## Use with children as a function
-
-<Playground>
-  {() => {
-    const message = 'Hello world'
-
-    return (
-      <Alert>{message}</Alert>
-    )
-  }}
-</Playground>

examples/typescript/README.md

@@ -0,0 +1,21 @@
+# Typescript Docz example
+
+## Download manually
+
+```sh
+curl https://codeload.github.com/pedronauck/docz/tar.gz/master | tar -xz --strip=2 docz-master/examples/typescript
+mv typescript docz-typescript-example
+cd docz-typescript-example
+```
+
+## Setup
+
+```sh
+yarn # npm i
+```
+
+## Run
+
+```sh
+yarn dev # npm run dev
+```

examples/typescript/package.json

@@ -16,7 +16,8 @@
     "@emotion/core": "^10.0.14",
     "@emotion/styled": "^10.0.14",
     "react": "^16.8.6",
-    "react-dom": "^16.8.6"
+    "react-dom": "^16.8.6",
+    "scheduler": "^0.15.0"
   },
   "devDependencies": {
     "@types/react": "^16.8.23",