chore: update deps (#110)

* Update dependencies

* More dep updates

* Lint updates

* Fix tests

* Restore comment

Author: alexbrazier

babel.config.js

@@ -1,3 +1,4 @@
 module.exports = {
   presets: ['module:metro-react-native-babel-preset'],
+  plugins: [['@babel/plugin-proposal-private-methods', { loose: true }]],
 };

example/metro.config.js

@@ -1,21 +1,28 @@
+/**
+ * Metro configuration for React Native
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ */
 const path = require('path');
-const { getDefaultConfig } = require('metro-config');
 const exclusionList = require('metro-config/src/defaults/exclusionList');
+const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
 const escape = require('escape-string-regexp');
 const pak = require('../package.json');
-
 const root = path.resolve(__dirname, '..');
 
-const { resolver: defaultResolver } = getDefaultConfig.getDefaultValues();
+const defaultConfig = getDefaultConfig(__dirname);
+const {
+  resolver: { sourceExts, assetExts },
+} = getDefaultConfig(__dirname);
 
 const modules = Object.keys({
   ...pak.peerDependencies,
 });
 
-module.exports = {
+const config = {
   projectRoot: __dirname,
   watchFolders: [root],
-
   // We need to make sure that only one version is loaded for peerDependencies
   // So we exclude them at the root, and alias them to the versions in example's node_modules
   resolver: {
@@ -25,15 +32,13 @@ module.exports = {
           new RegExp(`^${escape(path.join(root, 'node_modules', m))}\\/.*$`)
       )
     ),
-
     extraNodeModules: modules.reduce((acc, name) => {
       acc[name] = path.join(__dirname, 'node_modules', name);
       return acc;
     }, {}),
-
-    sourceExts: [...defaultResolver.sourceExts, 'cjs'],
+    assetExts,
+    sourceExts: [...sourceExts, 'cjs'],
   },
-
   transformer: {
     getTransformOptions: async () => ({
       transform: {
@@ -43,3 +48,5 @@ module.exports = {
     }),
   },
 };
+
+module.exports = mergeConfig(defaultConfig, config);

example/package.json

@@ -13,16 +13,17 @@
   },
   "dependencies": {
     "@apollo/client": "^3.8.8",
-    "expo": "~49.0.21",
+    "expo": "~51.0.38",
     "graphql": "^16.6.0",
     "react": "~18.2.0",
-    "react-native": "0.72.6"
+    "react-native": "0.74.5"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.6",
-    "@babel/runtime": "^7.23.6",
-    "babel-plugin-module-resolver": "^5.0.0",
-    "babel-preset-expo": "^9.5.2"
+    "@babel/core": "^7.25.8",
+    "@babel/runtime": "^7.25.7",
+    "@react-native/metro-config": "^0.75.4",
+    "babel-plugin-module-resolver": "^5.0.2",
+    "babel-preset-expo": "^11.0.15"
   },
   "resolutions": {
     "semver": "^7.5.4"

example/yarn.lock

@@ -48,24 +48,25 @@
   },
   "dependencies": {},
   "devDependencies": {
-    "@react-native-community/eslint-config": "^3.2.0",
+    "@babel/plugin-proposal-private-methods": "^7.18.6",
     "@release-it/conventional-changelog": "^8.0.1",
-    "@testing-library/react-native": "^12.1.2",
-    "@types/jest": "^29.5.1",
+    "@testing-library/react-native": "^12.7.2",
+    "@types/jest": "^29.5.13",
     "@types/react": "^18.2.6",
-    "@types/react-native": "^0.72.0",
     "eslint": "^8.41.0",
-    "eslint-config-prettier": "^8.8.0",
-    "husky": "^8.0.3",
-    "jest": "^29.5.0",
-    "prettier": "^2.8.8",
+    "eslint-config-expo": "^7.1.2",
+    "eslint-config-prettier": "^9.1.0",
+    "husky": "^9.1.6",
+    "jest": "^29.7.0",
+    "metro-react-native-babel-preset": "^0.77.0",
+    "prettier": "^3.3.3",
     "react": "^18.2.0",
-    "react-native": "0.71.8",
-    "react-native-builder-bob": "^0.23.2",
-    "react-test-renderer": "^18.2.0",
-    "release-it": "^17.0.1",
-    "rimraf": "^5.0.1",
-    "typescript": "^5.0.4"
+    "react-native": "0.74.5",
+    "react-native-builder-bob": "^0.30.2",
+    "react-test-renderer": "^18.3.1",
+    "release-it": "^17.10.0",
+    "rimraf": "^6.0.1",
+    "typescript": "^5.6.3"
   },
   "peerDependencies": {
     "react": "*",
@@ -107,9 +108,12 @@
   },
   "eslintConfig": {
     "extends": [
-      "@react-native-community",
+      "expo",
       "prettier"
-    ]
+    ],
+    "env": {
+      "node": true
+    }
   },
   "eslintIgnore": [
     "node_modules/",

package.json

@@ -76,7 +76,7 @@ export default class NetworkRequestInfo {
         return fromEntries(data?._parts);
       }
       return JSON.parse(data);
-    } catch (e) {
+    } catch {
       return { data };
     }
   }

src/NetworkRequestInfo.ts

@@ -25,7 +25,7 @@ const Headers = ({
   headers,
 }: {
   title: string;
-  headers?: Object;
+  headers?: object;
 }) => {
   const styles = useThemedStyles(themedStyles);
   return (

src/components/RequestDetails.tsx

@@ -44,8 +44,8 @@ const RequestList: React.FC<Props> = ({
         const filterStatusMatches = filter.status
           ? request.status === filter.status
           : filter.statusErrors
-          ? request.status >= 400
-          : true;
+            ? request.status >= 400
+            : true;
 
         const filterMatches = filterMethodMatches && filterStatusMatches;