bgaleotti/react-query-native-devtools

Plugin 'flipper-plugin-react-query-native-devtools' is unavailable

Closed this issue · 9 comments

koreus7 commented

Flipper is telling me the plugin is unavailable.

Environment:
Seen On: iOS 14 simulator
OS: macOS 11.4
Flipper App: 0.96.1
"react-native": "0.64.0",
"react": "17.0.1",
"react-query-native-devtools": "^3.0.1",
"react-native-flipper": "^0.96.1"
"react-query": "^3.8.2",
"flipper-plugin-react-query-native-devtools": "^3.0.0",

// App.ts
import {
  QueryClient,
  QueryClientProvider,
} from 'react-query';
import { addPlugin } from 'react-query-native-devtools';
const queryClient = new QueryClient();

if (__DEV__) {
  addPlugin({queryClient});
}
...

Things i've tried:

  • Clearing packager cache and reloading the app
  • Deleting rebuilding and reinstalling the app
  • Restarting flipper
  • Uninstalling and re-installing the flipper plugin
  • Using the dynamic import as per README
Arcaneless commented

I am having the same issue, I am using the latest flipper sdk.

Arcaneless commented

I am having the same issue, I am using the latest Flipper sdk.

It turns out that I've installed a wrong Flipper plugin, it's the devtool from react-query official.
Search flipper-plugin-react-query-native-devtools in Flipper directly.

bgaleotti commented

I am having the same issue, I am using the latest Flipper sdk.

It turns out that I've installed a wrong Flipper plugin, it's the devtool from react-query official.
Search flipper-plugin-react-query-native-devtools in Flipper directly.

@koreus7 could you check?

apatel369 commented

same issue. I am using the latest flipper.

DenisIrkhin commented

Please try to catch an error to see if we have one.

And initiating react-query-native-devtools when we are in DEV env probably could be a better pattern?

if (__DEV__) {
  const wrapper = { queryClient };
  import('react-query-native-devtools')
    .then(({ addPlugin }) => {
      addPlugin(wrapper);
    })
    .catch((err) => logger.info('Error when initializing React Query Flipper plug-in', err));
}
apatel369 commented

Upgraded flipper to 0.127.0 and it is working now

bgaleotti commented

I will close this as looks like a misconfiguration problem.

sregg commented

I don't see flipper-plugin-react-query-native-devtools in Flipper. I only see react-query-devtools and react-query-native-devtools. I'm guessing the right one is react-query-native-devtools.
image