Works 100% 🎉

Author: deadcoder0904

App.js

@@ -28,7 +28,6 @@ const client = new AWSAppSyncClient({
   }
 });
 
-const negativeRandom = () => Math.round(Math.random() * -1000000);
 const Loading = () => <ActivityIndicator size="large" color="#fff" />;
 const Error = ({ text }) => (
   <Text h4 style={[styles.error, styles.centerText]}>
@@ -91,20 +90,20 @@ class App extends React.Component {
             </Text>
             <View style={styles.formWrapper}>
               <Mutation
+                fetchPolicy="cache-and-network"
                 mutation={CREATE_APP}
                 optimisticResponse={{
-                  __typename: "AppConnection",
+                  __typename: "Mutation",
                   createApp: {
                     __typename: "App",
-                    id: negativeRandom(),
+                    id: uuid(),
                     name,
                     link
                   }
                 }}
                 update={(cache, { data: { createApp } }) => {
                   const data = cache.readQuery({ query: LIST_APPS });
-                  if (typeof createApp.id === "number")
-                    data.listApps.items.push(createApp);
+                  data.listApps.items.push(createApp);
                   cache.writeQuery({
                     query: LIST_APPS,
                     data

package.json

@@ -13,14 +13,14 @@
     "ios": "react-native-scripts ios"
   },
   "dependencies": {
-    "aws-appsync": "^1.0.22",
-    "aws-appsync-react": "^1.0.13",
-    "expo": "^27.0.2",
+    "aws-appsync": "^1.1.4",
+    "aws-appsync-react": "^1.0.19",
+    "expo": "^28.0.0",
     "graphql-tag": "^2.9.2",
-    "react": "16.4.0",
-    "react-apollo": "^2.1.4",
+    "react": "16.4.1",
+    "react-apollo": "^2.1.8",
     "react-native": "0.55.4",
     "react-native-elements": "^1.0.0-beta5",
-    "uuid": "^3.2.1"
+    "uuid": "^3.3.2"
   }
 }