Renamed prop to useRemoteDevtool

Author: josydeleon

README.md

@@ -32,7 +32,7 @@ export default function App() {
       <View style={styles.container}>
         <Main />
       </View>
-      <QueryNativeDevtool queryClient={queryClient} useRemoteDebugger={false} />
+      <QueryNativeDevtool queryClient={queryClient} useRemoteDevtool={false} />
     </QueryClientProvider>
   );
 }
@@ -49,7 +49,7 @@ If your app runs `react-query v3` pass `version="v3"` prop to `QueryNativeDevtoo
 | `queryClient`\*      | QueryClient | First name of the user                     | undefined     |
 | `version`            | string      | Last name of the user                      | "v5"          |
 | `hideFloatingButton` | boolean     | Hides Floating button                      | false         |
-| `useRemoteDebugger`  | boolean     | Enable remote debugging via standalone app | false         |
+| `useRemoteDevtool`   | boolean     | Enable remote debugging via standalone app | true          |
 
 ## Standalone app (Optional)
 
@@ -59,7 +59,7 @@ If you want more room to debug your query data, you can download the standalone
 export default function App() {
   return (
     <QueryClientProvider client={queryClient}>
-      <QueryNativeDevtool queryClient={queryClient} useRemoteDebugger={true} />
+      <QueryNativeDevtool queryClient={queryClient} useRemoteDevtool={true} />
     </QueryClientProvider>
   );
 }

example/react-query-v3/src/App.js

@@ -21,7 +21,7 @@ export default function App() {
       <QueryNativeDevtool
         queryClient={queryClient}
         version="v3"
-        useRemoteDebugger={false}
+        useRemoteDevtool={false}
       />
     </SafeAreaView>
   );

packages/react-native-query-devtool/README.md

@@ -28,7 +28,7 @@ export default function App() {
       <View style={styles.container}>
         <Main />
       </View>
-      <QueryNativeDevtool queryClient={queryClient} useRemoteDebugger={false} />
+      <QueryNativeDevtool queryClient={queryClient} useRemoteDevtool={false} />
     </QueryClientProvider>
   );
 }
@@ -45,7 +45,7 @@ If your app runs `react-query v3` pass `version="v3"` prop to `QueryNativeDevtoo
 | `queryClient`\*      | QueryClient | First name of the user                     | undefined     |
 | `version`            | string      | Last name of the user                      | "v5"          |
 | `hideFloatingButton` | boolean     | Hides Floating button                      | false         |
-| `useRemoteDebugger`  | boolean     | Enable remote debugging via standalone app | false         |
+| `useRemoteDevtool`  | boolean     | Enable remote debugging via standalone app | true         |
 
 ## Standalone app (Optional)
 
@@ -55,7 +55,7 @@ If you want more room to debug your query data, you can download the standalone
 export default function App() {
   return (
     <QueryClientProvider client={queryClient}>
-      <QueryNativeDevtool queryClient={queryClient} useRemoteDebugger={true} />
+      <QueryNativeDevtool queryClient={queryClient} useRemoteDevtool={true} />
     </QueryClientProvider>
   );
 }

packages/react-native-query-devtool/src/index.tsx

@@ -13,7 +13,7 @@ const QueryNativeDevtool: React.FC<QueryDevtoolProps> = ({
   queryClient,
   version = "v5",
   hideFloatingButton = false,
-  useRemoteDebugger = false,
+  useRemoteDevtool = true,
 }) => {
   const actionSheetRef = useRef<ActionSheetRef>(null);
 
@@ -32,7 +32,7 @@ const QueryNativeDevtool: React.FC<QueryDevtoolProps> = ({
         <FloatingButton onPress={() => actionSheetRef.current?.show()} />
       )}
 
-      {useRemoteDebugger && (
+      {useRemoteDevtool && (
         <RemoteDebugger queryClient={queryClient} version={version} />
       )}
     </React.Fragment>

packages/react-native-query-devtool/src/types/index.ts

@@ -1,11 +1,11 @@
-export type ReactQueryVersion = 'v3' | 'v4' | 'v5';
+export type ReactQueryVersion = "v3" | "v4" | "v5";
 
 export type QueryKey = string | string[];
 
 export type QueryDevtoolProps = {
   queryClient: any;
   version?: ReactQueryVersion;
-  useRemoteDebugger?: boolean;
+  useRemoteDevtool?: boolean;
   hideFloatingButton?: boolean;
 };
 
@@ -20,19 +20,19 @@ export type QueryDevtoolData = {
 };
 
 export type ListenerV3 =
-  | 'queryAdded'
-  | 'queryUpdated'
-  | 'queryRemoved'
-  | 'observerAdded'
-  | 'observerRemoved'
-  | 'observerResultsUpdated';
+  | "queryAdded"
+  | "queryUpdated"
+  | "queryRemoved"
+  | "observerAdded"
+  | "observerRemoved"
+  | "observerResultsUpdated";
 
 export type ListenerV4 =
-  | 'added'
-  | 'updated'
-  | 'removed'
-  | 'observerAdded'
-  | 'observerRemoved'
-  | 'observerResultsUpdated';
+  | "added"
+  | "updated"
+  | "removed"
+  | "observerAdded"
+  | "observerRemoved"
+  | "observerResultsUpdated";
 
 export type ListenerEventType = ListenerV3 | ListenerV4;