fix(demo): 🐛 adapt demos to the changes

kirill-konshin · Jun 22, 2020 · 6917017 · 6917017
1 parent 331e612
commit 6917017
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 14 deletions.
diff --git a/packages/demo-page/src/components/store.tsx b/packages/demo-page/src/components/store.tsx
@@ -1,9 +1,9 @@
-import {createStore, applyMiddleware} from 'redux';
+import {createStore, applyMiddleware, Store} from 'redux';
 import logger from 'redux-logger';
 import {MakeStore, createWrapper, Context} from 'next-redux-wrapper';
 import reducer, {State} from './reducer';
 
-export const makeStore: MakeStore<State> = (context: Context) => {
+export const makeStore: MakeStore<Store<State>> = (context: Context) => {
     const store = createStore(reducer, applyMiddleware(logger));
 
     if (module.hot) {
@@ -16,4 +16,4 @@ export const makeStore: MakeStore<State> = (context: Context) => {
     return store;
 };
 
-export const wrapper = createWrapper<State>(makeStore, {debug: true});
+export const wrapper = createWrapper(makeStore, {debug: true});
diff --git a/packages/demo-saga-page/src/components/store.tsx b/packages/demo-saga-page/src/components/store.tsx
@@ -2,22 +2,22 @@ import {createStore, applyMiddleware, Store} from 'redux';
 import logger from 'redux-logger';
 import createSagaMiddleware, {Task} from 'redux-saga';
 import {MakeStore, Context, createWrapper} from 'next-redux-wrapper';
-import reducer, {State} from './reducer';
+import reducer from './reducer';
 import rootSaga from './saga';
 
 export interface SagaStore extends Store {
     sagaTask: Task;
 }
 
-const makeStore: MakeStore<State> = (context: Context) => {
+const makeStore: MakeStore<SagaStore> = (context: Context) => {
     // 1: Create the middleware
     const sagaMiddleware = createSagaMiddleware();
 
     // 2: Add an extra parameter for applying middleware:
-    const store = createStore(reducer, applyMiddleware(sagaMiddleware, logger));
+    const store = createStore(reducer, applyMiddleware(sagaMiddleware, logger)) as SagaStore;
 
     // 3: Run your sagas on server
-    (store as SagaStore).sagaTask = sagaMiddleware.run(rootSaga);
+    store.sagaTask = sagaMiddleware.run(rootSaga);
 
     // 4: now return the store:
     return store;

diff --git a/packages/demo-saga/src/components/store.tsx b/packages/demo-saga/src/components/store.tsx
@@ -2,22 +2,22 @@ import {createStore, applyMiddleware, Store} from 'redux';
 import logger from 'redux-logger';
 import createSagaMiddleware, {Task} from 'redux-saga';
 import {MakeStore, Context} from 'next-redux-wrapper';
-import reducer, {State} from './reducer';
+import reducer from './reducer';
 import rootSaga from './saga';
 
 export interface SagaStore extends Store {
     sagaTask: Task;
 }
 
-export const makeStore: MakeStore<State> = (context: Context) => {
+export const makeStore: MakeStore<SagaStore> = (context: Context) => {
     // 1: Create the middleware
     const sagaMiddleware = createSagaMiddleware();
 
     // 2: Add an extra parameter for applying middleware:
-    const store = createStore(reducer, applyMiddleware(sagaMiddleware, logger));
+    const store = createStore(reducer, applyMiddleware(sagaMiddleware, logger)) as SagaStore;
 
     // 3: Run your sagas on server
-    (store as SagaStore).sagaTask = sagaMiddleware.run(rootSaga);
+    store.sagaTask = sagaMiddleware.run(rootSaga);
 
     // 4: now return the store:
     return store;

diff --git a/packages/demo/src/components/store.tsx b/packages/demo/src/components/store.tsx
@@ -1,9 +1,9 @@
-import {createStore, applyMiddleware} from 'redux';
+import {createStore, applyMiddleware, Store} from 'redux';
 import logger from 'redux-logger';
 import {MakeStore, createWrapper, Context} from 'next-redux-wrapper';
 import reducer, {State} from './reducer';
 
-export const makeStore: MakeStore<State> = (context: Context) => {
+export const makeStore: MakeStore<Store<State>> = (context: Context) => {
     const store = createStore(reducer, applyMiddleware(logger));
 
     if (module.hot) {
@@ -16,4 +16,4 @@ export const makeStore: MakeStore<State> = (context: Context) => {
     return store;
 };
 
-export const wrapper = createWrapper<State>(makeStore, {debug: true});
+export const wrapper = createWrapper(makeStore, {debug: true});