Update to expo 40

app.json

@@ -3,7 +3,6 @@
     "name": "5E Points Quizz",
     "slug": "5e-points-quizz",
     "privacy": "public",
-    "sdkVersion": "35.0.0",
     "platforms": [
       "ios",
       "android",
@@ -30,4 +29,4 @@
       "package": "com.fiveideas.five_e_points_quizz"
     }
   }
-}
+}

package.json

@@ -8,17 +8,17 @@
     "eject": "expo eject"
   },
   "dependencies": {
-    "expo": "^35.0.0",
-    "expo-font": "^7.0.0",
+    "expo": "^40.0.0",
+    "expo-font": "~8.4.0",
     "json-loader": "^0.5.7",
-    "react": "16.8.3",
-    "react-dom": "^16.8.6",
-    "react-native": "https://github.com/expo/react-native/archive/sdk-35.0.0.tar.gz",
-    "react-native-web": "^0.11.4",
+    "react": "16.13.1",
+    "react-dom": "16.13.1",
+    "react-native": "https://github.com/expo/react-native/archive/sdk-40.0.1.tar.gz",
+    "react-native-web": "~0.13.12",
     "styled-components": "^4.3.2"
   },
   "devDependencies": {
-    "babel-preset-expo": "^6.0.0"
+    "babel-preset-expo": "8.3.0"
   },
   "private": true
 }

screens/home.js

@@ -7,7 +7,7 @@ import {
   Image,
   ImageBackground
 } from "react-native";
-import styled from "styled-components";
+import styled from "styled-components/native";
 
 import getRandomPoint from "../helpers/getRandomPoint";
 import { noColor } from "../helpers/config";
@@ -22,7 +22,7 @@ const Home = () => {
   // const [isReady, setIsReady] = useState(false);
 
   function handleTouch() {
-    newPoint = getRandomPoint();
+    let newPoint = getRandomPoint();
     setPoint(newPoint);
   }