docs: update cra example

Author: rakannimer

examples/create-react-app/package.json

@@ -3,13 +3,13 @@
   "version": "2.0.0-rc.43",
   "private": true,
   "dependencies": {
-    "docz": "2.0.0-rc.43",
-    "react": "^16.9.0",
-    "react-dom": "^16.9.0",
-    "react-scripts": "3.1.1"
+    "docz": "next",
+    "react": "^16.11.0",
+    "react-dom": "^16.11.0",
+    "react-scripts": "^3.2.0"
   },
   "scripts": {
-    "docz": "docz dev",
+    "dev": "docz dev",
     "docz:build": "docz build",
     "docz:serve": "docz serve",
     "start": "react-scripts start",

examples/create-react-app/src/components/Alert.jsx

@@ -8,7 +8,7 @@ const kinds = {
   warning: '#FFA502',
 }
 
-const AlertStyled = ({ children, kind, ...rest }) => (
+export const Alert = ({ children, kind, ...rest }) => (
   <div
     style={{
       padding: 20,
@@ -23,9 +23,10 @@ const AlertStyled = ({ children, kind, ...rest }) => (
   </div>
 )
 
-export const Alert = props => <AlertStyled {...props} />
-
 Alert.propTypes = {
+  /**
+   * The kind prop is used to set the alert's background color
+   */
   kind: t.oneOf(['info', 'positive', 'negative', 'warning']),
 }