Disconnection issue on Bare React Native 0.76.9

[rokkoo]

Hi there, and thanks for this awesome plugin!

I have a question regarding its setup. Is it mandatory to have expo-modules installed to make the plugin work correctly? I am currently running a bare React Native application on version 0.76.9.

I'm experiencing an issue where the app connects successfully to the DevTools client (the emulator shows as "connected"), but it disconnects automatically after just a few seconds (the same on android and ios emulator).

Here is my current implementation:

import { useSyncQueriesExternal } from 'react-query-native-devtools';
import { queryClient } from './queryClient'; // Your QueryClient instance
import { Platform } from 'react-native';
import AsyncStorage from '@react-native-async-storage/async-storage';


useSyncQueriesExternal({
  queryClient,
  socketURL: 'http://localhost:42831', // Default port for React Native DevTools
  deviceName: Platform?.OS || 'web',
  platform: Platform?.OS || 'web',
  deviceId: Platform?.OS || 'web', // Replace with a unique ID like `uniqueId` from react-native-device-info
  enableLogs: true,
  envVariables: {
    NODE_ENV: process.env.NODE_ENV || 'development',
  },
  asyncStorage: AsyncStorage,
});

Observations and potential issues:

Missing expo-modules: My project is a bare React Native app and does not have the expo package or expo-modules installed. Could the disconnection be happening because some native dependencies from Expo are missing?

[LovesWorking]

Hi there, and thanks for this awesome plugin!

I have a question regarding its setup. Is it mandatory to have expo-modules installed to make the plugin work correctly? I am currently running a bare React Native application on version 0.76.9.

I'm experiencing an issue where the app connects successfully to the DevTools client (the emulator shows as "connected"), but it disconnects automatically after just a few seconds (the same on android and ios emulator).

Here is my current implementation:

import { useSyncQueriesExternal } from 'react-query-native-devtools';
import { queryClient } from './queryClient'; // Your QueryClient instance
import { Platform } from 'react-native';
import AsyncStorage from '@react-native-async-storage/async-storage';

useSyncQueriesExternal({
queryClient,
socketURL: 'http://localhost:42831', // Default port for React Native DevTools
deviceName: Platform?.OS || 'web',
platform: Platform?.OS || 'web',
deviceId: Platform?.OS || 'web', // Replace with a unique ID like uniqueId from react-native-device-info
enableLogs: true,
envVariables: {
NODE_ENV: process.env.NODE_ENV || 'development',
},
asyncStorage: AsyncStorage,
});
Observations and potential issues:

Missing expo-modules: My project is a bare React Native app and does not have the expo package or expo-modules installed. Could the disconnection be happening because some native dependencies from Expo are missing?

https://github.com/LovesWorking/react-query-external-sync/blob/main/package.json

The import should be from

import { useSyncQueriesExternal } from "react-query-external-sync";

https://github.com/LovesWorking/react-query-external-sync/tree/main

This doesn't depend on expo.