Skip to content
This repository has been archived by the owner on Dec 9, 2023. It is now read-only.

Plugin 'Reactotoron' is not supported by the client application #63

Open
Kailash23 opened this issue Mar 25, 2021 · 15 comments
Open

Plugin 'Reactotoron' is not supported by the client application #63

Kailash23 opened this issue Mar 25, 2021 · 15 comments

Comments

@Kailash23
Copy link

reactotron.ts

// Reactotron Configurations Here
import Reactotron from 'reactotron-react-native';
import AsyncStorage from '@react-native-community/async-storage';
import {reactotronRedux as reduxPlugin} from 'reactotron-redux';
import sagaPlugin from 'reactotron-redux-saga';
import {NAVIGATION_PERSISTENCE_KEY} from '../constants';
import ReactotronFlipper from 'reactotron-react-native/dist/flipper';

let reactotron = null;
if (__DEV__) {
  reactotron = Reactotron.setAsyncStorageHandler(AsyncStorage)
    .configure({
      name: "Delivery App",
      createSocket: path => new ReactotronFlipper(path),
    }) // controls connection & communication settings
    .use(reduxPlugin())
    .use(sagaPlugin())
    .useReactNative({
      networking: {
        ignoreUrls: /symbolicate/,
      },
      asyncStorage: {
        ignore: [NAVIGATION_PERSISTENCE_KEY, '@REACTOTRON/clientId'],
      },
    }) // add all built-in react native plugins
    .connect(); // let's connect!
  console.warn = Reactotron.log;
  console.log = Reactotron.log;
}

export default reactotron;

App.tsx

import Reactotron from 'reactotron-react-native';

if (__DEV__) {
  import('./utils/ignore-warnings');
  // At this point, Reactotron is hooked up.
  import('./services/reactotron').then(() => {
    Reactotron.clear();
    console.log('Reactotron Configured!');
  });
}

Dev dependencies

"devDependencies": {
    "@babel/core": "^7.12.9",
    "@babel/runtime": "^7.12.5",
    "@react-native-community/eslint-config": "^2.0.0",
    "@types/jest": "^26.0.20",
    "@types/react-native": "^0.64.0",
    "@types/react-test-renderer": "^16.9.2",
    "babel-jest": "^26.6.3",
    "eslint": "^7.14.0",
    "jest": "^26.6.3",
    "metro-react-native-babel-preset": "^0.64.0",
    "react-test-renderer": "17.0.1",
    "reactotron-react-native": "^5.0.0",
    "reactotron-redux": "^3.1.3",
    "reactotron-redux-saga": "^4.2.3",
    "typescript": "^3.8.3"
  },

Working fine on Reactotron electron app

But in Flipper plugin is not activated
Screenshot 2021-03-25 at 4 03 36 PM
Plugin 'Reactotoron' is not supported by the client application

@ovideliu
Copy link

I have the same issue both on Windows 10, and Ubuntu 20.04. No solution yet?

@lucianonickelpay
Copy link

same

@johnjoshuadablo
Copy link

+1

@chakrihacker
Copy link

add react-native-flipper as dependency

@AdeilsonSilvaBW
Copy link

Same

@Abfareye
Copy link

Abfareye commented Aug 2, 2021

same issue

@Ponevejski
Copy link

Hello!
Any solutions ? Reactotron works fine, but plugin doesn't want to connect with app.

@gabriel1lima
Copy link

Same

@GustavoBonfimS
Copy link

Installing react-native-flipper and setting the host with internal IP works for me!

My reactotron config:

const tron = Reactotron.configure({
    createSocket: path => new ReactotronFlipper(path),
    host: '192.168.100.3', // your ip here
  })
    .useReactNative()
    .use(reactotronRedux())
    .use(ReactotronSaga())
    .connect();

  tron.clear();

@chakrihacker
Copy link

@safwaan-menk
Copy link

Has anyone resolved this issue?

@orhangazi
Copy link

same issue. Are there any fix?

@noumantahir
Copy link

same issue being faced running Ubuntu 22.04

react-native-flipper : 0.164.0
react-native: 0.70.3
reactotron-react-native:5.03

Screenshot from 2022-11-17 14-38-40
Screenshot from 2022-11-17 14-38-12

@noumantahir
Copy link

noumantahir commented Nov 21, 2022

same issue being faced running Ubuntu 22.04

react-native-flipper : 0.164.0 react-native: 0.70.3 reactotron-react-native:5.03

I fixed this issue by matching the desktop client flipper version and flipper dependecy version 0.174.0. Now Ractotron is enabled as plugin but it is not connecting with app while other plugins I have are connecting with app without any issues.

Screenshot from 2022-11-21 17-46-35

Update
After connecting, reactotron was unable pull logs from app because of some syntax error in flipper-plugin-reactotron. replace plugin code at ~/.flipper/installed-plugin/flipper-plugin-reatotron/ with the one I found on another issue tread fixed the issue.
flipper-plugin-reactotron_1.1.0.zip

Screenshot 2022-11-25 at 6 24 37 PM

@barathraj-n
Copy link

same issue being faced running Ubuntu 22.04
react-native-flipper : 0.164.0 react-native: 0.70.3 reactotron-react-native:5.03

I fixed this issue by matching the desktop client flipper version and flipper dependecy version 0.174.0. Now Ractotron is enabled as plugin but it is not connecting with app while other plugins I have are connecting with app without any issues.

Screenshot from 2022-11-21 17-46-35

Update After connecting, reactotron was unable pull logs from app because of some syntax error in flipper-plugin-reactotron. replace plugin code at ~/.flipper/installed-plugin/flipper-plugin-reatotron/ with the one I found on another issue tread fixed the issue. flipper-plugin-reactotron_1.1.0.zip

Screenshot 2022-11-25 at 6 24 37 PM

This fixed my issue of log not showing in flipper. Thanks for the zip file. @noumantahir

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests