chore: bump ESLint and migrate to the new config format (#1033)

Author: tido64

.config/.eslintrc

@@ -6,10 +6,10 @@
   ],
   "packageManager": "yarn@3.4.1",
   "devDependencies": {
-    "@react-native-community/eslint-config": "3.2.0",
-    "eslint": "8.26.0",
-    "prettier": "2.8.8",
-    "typescript": "4.9.5"
+    "@rnx-kit/eslint-plugin": "^0.5.0",
+    "eslint": "^8.54.0",
+    "prettier": "^2.8.8",
+    "typescript": "^5.3.0"
   },
   "resolutions": {
     "@react-native-community/cli": "^10.2.5",

package.json

@@ -0,0 +1 @@
+module.exports = require("@react-native-async-storage/eslint-config");

packages/api/.eslintrc

@@ -32,11 +32,11 @@
   "license": "MIT",
   "devDependencies": {
     "@types/jest": "29.5.4",
-    "eslint": "8.26.0",
+    "eslint": "^8.54.0",
     "jest": "29.5.0",
     "react-native-builder-bob": "0.20.0",
     "ts-jest": "29.1.1",
-    "typescript": "4.9.5"
+    "typescript": "^5.3.0"
   },
   "react-native-builder-bob": {
     "source": "src",

packages/api/eslint.config.js

@@ -3,4 +3,5 @@
  * core interface beyond its operations. It acts as a placeholder for implementing
  * additional methods.
  */
+// eslint-disable-next-line @typescript-eslint/ban-types
 export type StorageExtension = {};

packages/api/package.json

@@ -1,3 +1,3 @@
 module.exports = {
-  presets: ['module:metro-react-native-babel-preset'],
+  presets: ["module:metro-react-native-babel-preset"],
 };

packages/api/src/StorageExtension.ts

@@ -0,0 +1 @@
+module.exports = require("@react-native-async-storage/eslint-config/recommended-wdio");

packages/default-storage/.eslintrc

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React, { useCallback, useMemo, useState } from 'react';
+import React, { useCallback, useMemo, useState } from "react";
 import {
   Button,
   Keyboard,
@@ -14,11 +14,11 @@ import {
   Text,
   TouchableOpacity,
   View,
-} from 'react-native';
-import Basic from './examples/Basic';
-import Functional from './examples/Functional';
-import GetSetClear from './examples/GetSetClear';
-import MergeItem from './examples/MergeItem';
+} from "react-native";
+import Basic from "./examples/Basic";
+import Functional from "./examples/Functional";
+import GetSetClear from "./examples/GetSetClear";
+import MergeItem from "./examples/MergeItem";
 
 const SCREENS = {
   Functional,
@@ -86,13 +86,13 @@ export default function App(): JSX.Element {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: '#F5FCFF',
+    backgroundColor: "#F5FCFF",
     padding: 8,
   },
   exampleContainer: {
     padding: 4,
-    backgroundColor: '#FFF',
-    borderColor: '#EEE',
+    backgroundColor: "#FFF",
+    borderColor: "#EEE",
     borderTopWidth: 1,
     borderBottomWidth: 1,
     flex: 1,
@@ -101,29 +101,29 @@ const styles = StyleSheet.create({
     fontSize: 18,
   },
   exampleDescription: {
-    color: '#333333',
+    color: "#333333",
     marginBottom: 16,
   },
   exampleInnerContainer: {
-    borderColor: '#EEE',
+    borderColor: "#EEE",
     borderTopWidth: 1,
     paddingTop: 10,
     flex: 1,
   },
   restartButton: {
     padding: 6,
     borderRadius: 5,
-    backgroundColor: '#F3F3F3',
-    alignItems: 'center',
-    justifyContent: 'center',
-    alignSelf: 'flex-end',
+    backgroundColor: "#F3F3F3",
+    alignItems: "center",
+    justifyContent: "center",
+    alignSelf: "flex-end",
   },
   closeKeyboardView: {
     width: 5,
     height: 5,
   },
   testPickerContainer: {
-    flexDirection: 'row',
-    flexWrap: 'wrap',
+    flexDirection: "row",
+    flexWrap: "wrap",
   },
 });