React-Feature-Toggles

package.json

@@ -62,14 +62,15 @@
     ]
   },
   "dependencies": {
+    "@paralleldrive/react-feature-toggles": "2.0.0-beta2",
     "@poetapp/frost-client": "0.1.4",
     "classnames": "2.2.5",
     "formdata-polyfill": "3.0.10",
     "isomorphic-fetch": "2.2.1",
     "moment": "2.22.1",
     "prop-types": "15.6.1",
-    "react": "15.6.2",
-    "react-dom": "15.6.2",
+    "react": "16.4.1",
+    "react-dom": "16.4.1",
     "react-progress-bar-plus": "1.3.1",
     "react-redux": "5.0.6",
     "react-router": "3.2.0",
@@ -98,7 +99,7 @@
     "@types/isomorphic-fetch": "0.0.34",
     "@types/node-sass": "3.10.32",
     "@types/prop-types": "15.5.2",
-    "@types/react": "0.14.57",
+    "@types/react": "16.3.17",
     "@types/react-dom": "0.14.23",
     "@types/react-hot-loader": "3.0.5",
     "@types/react-redux": "4.4.47",
@@ -136,7 +137,7 @@
     "node-sass": "4.9.0",
     "postcss-loader": "1.3.3",
     "prettier": "1.12.1",
-    "react-hot-loader": "1.3.1",
+    "react-hot-loader": "3.1.3",
     "riteway": "2.0.4",
     "sass-loader": "4.1.1",
     "sinon": "6.0.0",

src/components/Root.tsx

@@ -4,7 +4,7 @@ import './Root.scss'
 import './styles/reset.scss'
 
 interface RootLayoutProps {
-  readonly children?: JSX.Element
+  readonly children?: React.ReactNode
 }
 
 export const Layout = (props: RootLayoutProps): JSX.Element => <div className="root-layout">{props.children}</div>

src/components/atoms/Hash/Hash.stories.tsx

@@ -16,7 +16,7 @@ storiesOf('Components/Text', module).addWithJSX(
   ### Usage
   ~~~js
   <Hash
-    readonly children?: JSX.Element
+    readonly children?: string
     readonly textClickable?: boolean
     readonly className?: string
     />

src/components/atoms/Hash/Hash.tsx

@@ -1,11 +1,12 @@
+import * as React from 'react'
+
 import { CopyableText } from 'components/atoms/CopyableText/CopyableText'
 import { ClassNameProps } from 'interfaces/Props'
-import * as React from 'react'
 
 import './Hash.scss'
 
 interface HashProps extends ClassNameProps {
-  readonly children?: JSX.Element
+  readonly children?: string
   readonly textClickable?: boolean
 }
 

src/components/atoms/HeaderTitle/HeaderTitle.stories.tsx

@@ -16,7 +16,7 @@ storiesOf('Components/Layout', module).addWithJSX(
   ### Usage
   ~~~js
   <HeaderTitle
-    readonly children?: JSX.Element
+    readonly children?: string
     readonly className?: string
     />
   ~~~`)(() => <HeaderTitle children={text('children', 'test')} className={text('className', '')} />)

src/components/atoms/HeaderTitle/HeaderTitle.tsx

@@ -1,10 +1,11 @@
+import * as React from 'react'
+
 import * as classNames from 'classnames'
 import { ClassNameProps } from 'interfaces/Props'
-import * as React from 'react'
 import './HeaderTitle.scss'
 
 interface HeaderTitleProps extends ClassNameProps {
-  readonly children?: JSX.Element
+  readonly children?: string
 }
 
 export const HeaderTitle = (props: HeaderTitleProps) => (

src/components/atoms/LoadingPage/LoadingPage.tsx

@@ -8,7 +8,7 @@ import './LoadingPage.scss'
 interface LoadingPageProps extends ClassNameProps {
   readonly loading?: boolean
   readonly percentage?: number
-  readonly children?: JSX.Element
+  readonly children?: React.ReactNode
 }
 
 export const LoadingPage = (props: LoadingPageProps) => (