store.runSagaTask is not a function

[mtsymlov]

When working with the [email protected], the following problem occurs when navigating through pages:

store.runSagaTask is not a function TypeError: store.runSagaTask is not a function at Function._callee$ (http://localhost:3030/_next/-/page/main.js:68018:29) at tryCatch (http://localhost:3030/_next/-/main.js:12074:40) at Generator.invoke [as _invoke] (http://localhost:3030/_next/-/main.js:12308:22) at Generator.prototype.(anonymous function) [as next] (http://localhost:3030/_next/-/main.js:12126:21) at step (http://localhost:3030/_next/-/page/main.js:67952:191) at http://localhost:3030/_next/-/page/main.js:67952:361 at <anonymous>

It solves the creation of the store.runSagaTask method in the configureStore and the subsequent invocation of this method:

Before:

const configureStore = () => {
  const store = createStore(
    reducer,
    composeWithDevTools(applyMiddleware(sagaMiddleware, logger)),
  );

  store.sagaTask = sagaMiddleware.run(saga);
  return store;
};

After:

const configureStore = () => {
  const store = createStore(
    reducer,
    composeWithDevTools(applyMiddleware(sagaMiddleware, logger)),
  );

  store.runSagaTask = () => {
    store.sagaTask = sagaMiddleware.run(saga);
  };

  store.runSagaTask();
  return store;
};