next-redux-wrapper wrapper.getServerSlideProps error - mongodb

Question

On my index.tsx page where i shoud get tracks from server:
`
export const getServerSideProps = wrapper.getServerSideProps(async ({store}) => {
const dispatch = store.dispatch as NextThunkDispatch
await dispatch(await fetchTracks())
})
`
Problem
This is Store, also with errors
`
import {Context, createWrapper, MakeStore} from "next-redux-wrapper";
import {AnyAction, applyMiddleware, createStore} from "redux";
import {reducer, RootState} from "./reducers";
import thunk, {ThunkDispatch} from "redux-thunk";
// create a makeStore function
const makeStore: MakeStore<RootState>
= (context: Context) => createStore(reducer, applyMiddleware(thunk));
// export an assembled wrapper
export const wrapper = createWrapper<RootState>(makeStore, {debug: true});
export type NextThunkDispatch = ThunkDispatch<RootState, any, AnyAction>
`
Store error
I guess all this errors send me to thise files:
reducers/index.ts
`
import {combineReducers} from "redux";
import {playerReducer} from "./playerReducer";
import {HYDRATE} from "next-redux-wrapper";
import {trackReducer} from "./trackReducer";
const rootReducer = combineReducers({
player: playerReducer,
track: trackReducer
})
export const reducer = (state:any, action:any) => {
if (action.type === HYDRATE) {
const nextState = {
...state, // use previous state
...action.payload, // apply delta from hydration
};
if (state.count) nextState.count = state.count; // preserve count value on client side navigation
return nextState;
} else {
return rootReducer(state, action);
}
};
export type RootState = ReturnType<typeof rootReducer>
reducers/playerReducer.ts
import {PlayerAction, PlayerActionTypes, PlayerState} from "../../types/player";
const initialState: PlayerState = {
currentTime: 0,
duration: 0,
active: null,
volume: 30,
pause: true
}
export const playerReducer = (state = initialState, action: PlayerAction): PlayerState => {
switch (action.type) {
case PlayerActionTypes.PAUSE:
return {...state, pause:true}
case PlayerActionTypes.PLAY:
return {...state, pause:false}
case PlayerActionTypes.SET_CURRENT_TIME:
return {...state, currentTime: action.payload}
case PlayerActionTypes.SET_VOLUME:
return {...state, volume: action.payload}
case PlayerActionTypes.SET_DURATION:
return {...state, duration: action.payload}
case PlayerActionTypes.SET_ACTIVE:
return {...state, active: action.payload, duration: 0, currentTime: 0}
default:
return state
}
}
reducers/trackReducer.ts
import {TrackAction, TrackActionTypes, TrackState} from "../../types/track";
const initialState: TrackState = {
tracks: [],
error: ''
}
export const trackReducer = (state = initialState, action: TrackAction): TrackState => {
switch (action.type) {
case TrackActionTypes.FETCH_TRACKS_ERROR:
return {...state, error: action.payload}
case TrackActionTypes.FETCH_TRACKS:
return {error: '', tracks: action.payload}
default:
return state
}
}
`
Also console error:
enter image description here
I don't understant a problem, something wrong with types, in result i should get tracks from server