⬆ Upgrade to RN v0.68

Stripe android lib needs compileSdkVersion = 31
ref https://github.com/stripe/stripe-react-native/issues/812

To not break anything else in the RN space, we need to bump to RN 0.68

.prettierrc.js

@@ -0,0 +1,8 @@
+module.exports = {
+  arrowParens: 'avoid',
+  bracketSameLine: true,
+  bracketSpacing: false,
+  printWidth: 120,
+  singleQuote: true,
+  trailingComma: 'all',
+};

package.json

@@ -27,10 +27,10 @@
     "moment": "^2.24.0",
     "native-base": "^3.2.0",
     "prop-types": "^15.7.2",
-    "react": "^17.0.2",
+    "react": "17.0.2",
     "react-hook-form": "^7.17.1",
     "react-is": "^17.0.2",
-    "react-native": "0.66.0-rc.4",
+    "react-native": "0.68.2",
     "react-native-confetti": "^0.1.0",
     "react-native-config": "^0.11.7",
     "react-native-gesture-handler": "^1.2.1",
@@ -64,7 +64,7 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "jest": "^27.5.1",
     "jest-fetch-mock": "^3.0.3",
-    "metro-react-native-babel-preset": "^0.66.2",
+    "metro-react-native-babel-preset": "^0.67.0",
     "prettier": "^2.7.1",
     "react-dom": "^17.0.2",
     "react-test-renderer": "^17.0.2"

src/App.js

@@ -1,28 +1,28 @@
 import React from 'react';
-import { Provider } from 'react-redux';
-import { PersistGate } from 'redux-persist/integration/react';
+import {Provider} from 'react-redux';
+import {PersistGate} from 'redux-persist/integration/react';
 import Config from 'react-native-config';
-import { ApolloClient, HttpLink, InMemoryCache, ApolloProvider } from '@apollo/client';
+import {ApolloClient, HttpLink, InMemoryCache, ApolloProvider} from '@apollo/client';
 // import { StripeProvider } from '@stripe/stripe-react-native';
 
 import Dusken from './Dusken';
-import { store, persistor } from './reduxStore';
+import {store, persistor} from './reduxStore';
 
 const apolloClient = new ApolloClient({
-  link: new HttpLink({ uri: `${Config.DUSKEN_API_URL}/api/graphql/` }),
+  link: new HttpLink({uri: `${Config.DUSKEN_API_URL}/api/graphql/`}),
   cache: new InMemoryCache(),
 });
 
-const App = (
-  // <StripeProvider publishableKey={Config.STRIPE_PUBLISHABLE_KEY || ''}>
-  <Provider store={store}>
-    <PersistGate loading={null} persistor={persistor}>
-      <ApolloProvider client={apolloClient}>
-        <Dusken />
-      </ApolloProvider>
-    </PersistGate>
-  </Provider>
-  // </StripeProvider>
-);
-
-export default App;
+// <StripeProvider publishableKey={Config.STRIPE_PUBLISHABLE_KEY || ''}>
+export default function App() {
+  return (
+    <Provider store={store}>
+      <PersistGate loading={null} persistor={persistor}>
+        <ApolloProvider client={apolloClient}>
+          <Dusken />
+        </ApolloProvider>
+      </PersistGate>
+    </Provider>
+  );
+}
+// </StripeProvider>