offline data not push in to outbox queue during aeroplane mode of mobile.

[aadarsh13pathak]

offline data not push in to outbox queue during aeroplane mode of mobile.

[sorodrigo]

Could you provide some snapshots of your store to see what's going on?

[sorodrigo]

@aadarsh13pathak please redact tokens and personal data before sharing stuff 😳

[aadarsh13pathak]

import { createStore, applyMiddleware, compose } from "redux";
import { persistStore, persistReducer } from "redux-persist";
import AsyncStorage from "@react-native-async-storage/async-storage";
import ReduxThunk from "redux-thunk";
import ReduxLogger from "redux-logger";
import hardSet from "redux-persist/lib/stateReconciler/hardSet";
import rootReducer from "@store/store";

//offline
import { createOffline } from "@redux-offline/redux-offline";
import offlineConfig from "@redux-offline/redux-offline/lib/defaults";

const {
  middleware: offlineMiddleware,
  enhanceReducer: offlineEnhanceReducer,
  enhanceStore: offlineEnhanceStore
} = createOffline({
  ...offlineConfig,
  persist: false
});

const persistConfig = {
  key: "root",
  storage: AsyncStorage,
  stateReconciler: hardSet,
  whitelist: ["user", "inbox", "app", "offline", "journal", "learning", "todayCount"]
};

// const store: Store<IAppState> = createStore(
//   offlineEnhancer.enhanceReducer(rootReducer),
//   initialState,
//   composeEnhancers(
//       offlineEnhancer.enhanceStore,
//       applyMiddleware(offlineEnhancer.middleware as any, epicMiddleware),
//   )
// );

const persistedReducer = persistReducer(persistConfig, offlineEnhanceReducer(rootReducer));

const isDevMode = Boolean(__DEV__);

const middleWares = isDevMode ? [offlineMiddleware, ReduxThunk, ReduxLogger] : [offlineMiddleware, ReduxThunk];
const store = createStore(persistedReducer, {}, compose(offlineEnhanceStore, applyMiddleware(...middleWares)));

const persistor = persistStore(store);

export default { store, persistor };

[aadarsh13pathak]

hey @sorodrigo when i am online but my app treat me as offline

  "offline": {
    "busy": false,
    "lastTransaction": 30,
    "netInfo": {
      "isConnectionExpensive": false,
      "reach": "wifi"
    },
    "online": true,
    "outbox": [
      
    ],
    "retryCount": 0,
    "retryScheduled": false
}

and thats why my data nor push into outbox and neitther pop ,i have to switch on and off my internet then it will work as offline
and it log this

"offline": {
    "busy": false,
    "lastTransaction": 34,
    "netInfo": {
      "isConnectionExpensive": undefined,
      "reach": "none"
    },
    "online": false,
    "outbox": [
      [
        Object
      ]
    ],
    "retryCount": 0,
    "retryScheduled": false
}

[sorodrigo]

Hmm I'm sorry but it's very hard to tell with the info I have. Are you testing in a simulator? Could you verify this happens in a real device? Also could you send me the state of the outbox:

• before and after you enable airplane mode
• before and after you disabled airplane mode

[aadarsh13pathak]

@sorodrigo yes this happens in my real device

Before enable aeroplane mode

"offline": {
"busy": false,
"lastTransaction": 0,
"netInfo": {
"isConnectionExpensive": false,
"reach": "wifi"
},
"online": true,
"outbox": [

],
"retryCount": 0,
"retryScheduled": false

},

after enable aeroplane mode

"offline": {
"busy": false,
"lastTransaction": 0,
"netInfo": {
"isConnectionExpensive": false,
"reach": "wifi"
},
"online": true,
"outbox": [

],
"retryCount": 0,
"retryScheduled": false

},

after disable aeroplane mode

"offline": {
"busy": false,
"lastTransaction": 1,
"netInfo": {
"isConnectionExpensive": false,
"reach": "wifi"
},
"online": true,
"outbox": [

],
"retryCount": 0,
"retryScheduled": false

after enable and disable my phone internet and that time my app work fine

"offline": {
"busy": false,
"lastTransaction": 1,
"netInfo": {
"isConnectionExpensive": undefined,
"reach": "none"
},
"online": false,
"outbox": [

],
"retryCount": 0,

[aadarsh13pathak]

@sorodrigo could you tell me ,
is something wrong in my code or its just a library issue ?