Add 'import "react-native-devsettings/withAsyncStorage";' if you are using AsyncStorage

Author: gusgard

README.md

@@ -26,7 +26,9 @@ yarn add react-native-devsettings
 Add the following line to your `App.tsx` file
 
 ```js
-import 'react-native-devsettings';
+import "react-native-devsettings";
+// OR if you are using AsyncStorage
+import "react-native-devsettings/withAsyncStorage";
 ```
 
 Execute `cmd+d` or `cmd+m` on your simulator/emulator and select `(*) Debug JS Remotely`

index.ts

@@ -6,25 +6,13 @@ const main = async () => {
     stop: '(*) Stop Debugging',
     debug: '(*) Debug JS Remotely',
   };
-  const storageKey = '@RNDS/isDebuggingRemotely';
-  try {
-    const AsyncStorage = require('@react-native-async-storage/async-storage').default;
-    const isDebuggingRemotelyString = await AsyncStorage.getItem(storageKey);
-    let isDebuggingRemotely = isDebuggingRemotelyString === 'true';
-    DevSettings.addMenuItem(isDebuggingRemotely ? message.stop : message.debug, async () => {
-      isDebuggingRemotely = !isDebuggingRemotely;
 
-      await AsyncStorage.setItem(storageKey, JSON.stringify(isDebuggingRemotely));
-      NativeModules.DevSettings.setIsDebuggingRemotely(isDebuggingRemotely);
-    });
-  } catch (error) {
-    DevSettings.addMenuItem(message.debug, () => {
-      NativeModules.DevSettings.setIsDebuggingRemotely(true);
-    });
-    DevSettings.addMenuItem(message.stop, () => {
-      NativeModules.DevSettings.setIsDebuggingRemotely(false);
-    });
-  }
+  DevSettings.addMenuItem(message.debug, () => {
+    NativeModules.DevSettings.setIsDebuggingRemotely(true);
+  });
+  DevSettings.addMenuItem(message.stop, () => {
+    NativeModules.DevSettings.setIsDebuggingRemotely(false);
+  });
 };
 
 if (__DEV__) {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-devsettings",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "main": "index.ts",
   "description": "A simple library to enable/disable Chrome Debugger from your app",
   "author": "Gustavo Gard <[email protected]>",

withAsyncStorage.ts

@@ -0,0 +1,24 @@
+import { NativeModules, DevSettings } from 'react-native';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+
+// Tested with React Native 0.71
+const withAsyncStorage = async () => {
+  const message = {
+    stop: '(*) Stop Debugging',
+    debug: '(*) Debug JS Remotely',
+  };
+  const storageKey = '@RNDS/isDebuggingRemotely';
+  const isDebuggingRemotelyString = await AsyncStorage.getItem(storageKey);
+  let isDebuggingRemotely = isDebuggingRemotelyString === 'true';
+  DevSettings.addMenuItem(isDebuggingRemotely ? message.stop : message.debug, async () => {
+    isDebuggingRemotely = !isDebuggingRemotely;
+
+    await AsyncStorage.setItem(storageKey, JSON.stringify(isDebuggingRemotely));
+    NativeModules.DevSettings.setIsDebuggingRemotely(isDebuggingRemotely);
+  });
+};
+
+if (__DEV__) {
+  // add a delay to avoid issue with React Native Debugger
+  setTimeout(withAsyncStorage, 100);
+}