Sync versions of react packages

examples/typescript/src/Character.tsx

@@ -7,7 +7,7 @@ export interface CharacterProps {
   episode: Episode;
 }
 
-export const Character: React.SFC<CharacterProps> = props => {
+export const Character: React.FC<CharacterProps> = props => {
   const { episode } = props;
 
   return (

package.json

@@ -115,9 +115,9 @@
     "@types/jest": "24.0.9",
     "@types/object-assign": "4.0.30",
     "@types/prop-types": "15.7.0",
-    "@types/react": "16.4.18",
-    "@types/react-dom": "16.8.0",
-    "@types/react-test-renderer": "16.8.0",
+    "@types/react": "16.8.4",
+    "@types/react-dom": "16.8.2",
+    "@types/react-test-renderer": "16.8.1",
     "@types/recompose": "0.30.3",
     "@types/zen-observable": "0.8.0",
     "apollo-cache": "1.2.1",
@@ -142,9 +142,9 @@
     "preact": "8.4.2",
     "preact-compat": "3.18.4",
     "prettier": "1.16.4",
-    "react": "16.5.2",
-    "react-dom": "16.8.1",
-    "react-test-renderer": "16.8.1",
+    "react": "16.8.4",
+    "react-dom": "16.8.4",
+    "react-test-renderer": "16.8.4",
     "recompose": "0.30.0",
     "recursive-rename": "2.0.0",
     "rimraf": "2.6.3",

src/ApolloConsumer.tsx

@@ -8,7 +8,7 @@ export interface ApolloConsumerProps {
   children: (client: ApolloClient<any>) => React.ReactElement<any> | null;
 }
 
-const ApolloConsumer: React.StatelessComponent<ApolloConsumerProps> = (props, context) => {
+const ApolloConsumer: React.FC<ApolloConsumerProps> = (props, context) => {
   invariant(
     !!context.client,
     `Could not find "client" in the context of ApolloConsumer. Wrap the root component in an <ApolloProvider>`,

test/client/getDataFromTree.test.tsx

@@ -786,7 +786,7 @@ describe('SSR', () => {
           variables: { id: data!.currentUser!.id },
         }),
       });
-      const Component: React.StatelessComponent<WithUserChildProps> = ({ data }) => (
+      const Component: React.FC<WithUserChildProps> = ({ data }) => (
         <div>{!data || data.loading || !data.user ? 'loading' : data.user.firstName}</div>
       );
 
@@ -860,7 +860,7 @@ describe('SSR', () => {
 
       const WrappedBorkedComponent = withLastName(BorkedComponent);
 
-      const ContainerComponent: React.StatelessComponent<WithLastNameProps> = ({ data }) => (
+      const ContainerComponent: React.FC<WithLastNameProps> = ({ data }) => (
         <div>
           {!data || data.loading || !data.currentUser ? 'loading' : data.currentUser.lastName}
           <WrappedBorkedComponent />
@@ -1408,7 +1408,7 @@ describe('SSR', () => {
         },
       });
 
-      const Element: React.StatelessComponent<
+      const Element: React.FC<
         QueryChildProps & { action: (variables: {}) => Promise<any> }
       > = ({ data }) => (
         <div>{data.loading || !data.currentUser ? 'loading' : data.currentUser.firstName}</div>
@@ -1484,7 +1484,7 @@ describe('SSR', () => {
         },
       });
 
-      const Element: React.StatelessComponent<
+      const Element: React.FC<
         ChildProps<ChildProps<Props, MutationData>, QueryData, {}>
       > = ({ data }) => (
         <div>

test/test-utils.test.tsx

@@ -130,7 +130,7 @@ it('allows for using a custom cache', done => {
     data: { user },
   });
 
-  const Container: React.SFC<ChildProps<Variables, Data, Variables>> = props => {
+  const Container: React.FC<ChildProps<Variables, Data, Variables>> = props => {
     expect(props.data).toMatchObject({ user });
     done();