redux-persist on typescript

Anyone here can give me a simple implementations of a redux-persist on typescript? I always got error like this when i try to create persistor

Argument of type 'Store<{ readonly [$CombinedState]?: undefined; } & { todo: TodoState; } & PersistPartial, TodoActionTypes>' is not assignable to parameter of type 'Store<any, AnyAction>'. Types of property 'dispatch' are incompatible. Type 'Dispatch<TodoActionTypes>' is not assignable to type 'Dispatch<AnyAction>'. Type 'AnyAction' is not assignable to type 'TodoActionTypes'. Type 'AnyAction' is not assignable to type 'DeleteTodoAction'.

This my code

Thanks

[chrispaynter]

My fix may not be so relevant, but this question at least led me to a solution so I’ll post it in the off chance someone with the same problem as I comes across this.

I just had to type persistReducer. For example:

persistReducer<RootState>(persistConfig, rootReducer());

[TimCrooker]

if you are using redux/toolkit and are getting this error or losing typing on your selectors then use the following configuration:

store.ts

const rootReducer = combineReducers({
	user: userReducer,
})

const persistedReducer = persistReducer(
	persistConfig,
	rootReducer
) as typeof rootReducer

export const store = configureStore({
	reducer: persistedReducer,
	middleware: (getDefaultMiddleware) =>
		getDefaultMiddleware({
			serializableCheck: false,
		})
})

export const persistor = persistStore(store)

export type AppDispatch = typeof store.dispatch

export type RootState = ReturnType<typeof store.getState>