infinitered / infinitered/reactotron

State keeps showing "No Subscriptions" (been week of googling)

Open
#1,216 11 comments 6 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
15.6k
Forks
972
PR merge metrics
No merged PRs in 30d

Description

I'm using expo (idk if that matters but seems like it shouldn't from searching around).

I went into my state and have done both `*` and empty state and just press enter
![image](https://user-images.githubusercontent.com/18110110/106685728-9b49d280-658e-11eb-8751-7783eb340b4b.png)

Afterwards, nothing still shows up in my `State` tab.

![image](https://user-images.githubusercontent.com/18110110/106685763-b0befc80-658e-11eb-91b6-daa47d78f19d.png)

As you can see at the bottom I'm connected to my simulator.

Here is my `store.js` and `ReactotronConfig.js` page.

**Store.js**

```
import { createStore, compose, applyMiddleware } from 'redux';
import ReduxThunk from 'redux-thunk';
import rootReducer from './reducers/rootReducer';
import { persistStore, persistReducer } from 'redux-persist'
import autoMergeLevel2 from 'redux-persist/lib/stateReconciler/autoMergeLevel2'
import { AsyncStorage } from 'react-native';

let storeEnhancers = [];

if (__DEV__) {
const reactotron = require("../utils/ReactotronConfig").default;
reactotron.initiate();
storeEnhancers = [...storeEnhancers, reactotron.createEnhancer()];
}

const persistConfig = {
key: 'root',
storage: AsyncStorage,
stateReconciler: autoMergeLevel2,
blacklist: ['intervalTimer', 'creatingWorkout', 'creatingWorkoutPlan']
}

const persistedReducer = persistReducer(persistConfig, rootReducer)

const enhancerList = [];
const devToolsExtension = window && window.__REDUX_DEVTOOLS_EXTENSION__;

if (typeof devToolsExtension === 'function') {
enhancerList.push(devToolsExtension());
}

const composedEnhancer = compose(applyMiddleware(ReduxThunk), ...enhancerList);

export const store = createStore(persistedReducer, {}, composedEnhancer, {
enhancers: [...storeEnhancers],
});
export const persistor = persistStore(store);
```
**ReactotronConfig.js**
```
import Reactotron from 'reactotron-react-native';
import { reactotronRedux } from 'reactotron-redux'

const reactotronConfig = {
initiate: () => {
Reactotron.configure()
.useReactNative({
storybook: true
})
.use(reactotronRedux())
.connect();
},
createEnhancer: () => Reactotron.createEnhancer()
};

export default reactotronConfig;
```

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the reported store.js and ReactotronConfig.js setup, then reproduce it in the Expo simulator described in the issue. Check the Redux integration and State tab behavior against this setup; the issue is resolved when the connected simulator displays the application state instead of “No Subscriptions.”

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react-native
Domain
devtools
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Needs clarification
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.