redux typescript

redux-toolkit.ts

import { createSlice, PayloadAction } from '@reduxjs/toolkit'

export type State = {
  loading: boolean;
  data: string;
}

export const initialState: State = {
  loading: true,
  data: ''
}

interface GetAllData {
  data: string
}

export const slice = createSlice({
  name: 'counter',
  initialState,
  reducers: {
    getAll: (state, action: PayloadAction<GetAllData>) {
      state.data = action.payload.data
    }
  }
})
      
export const { getAll } = slice.actions
      
// getAll('something')
      
export default slice.reducer

reduxsauce.ts

import { AnyAction } from 'redux';
import { createReducer, createActions } from 'reduxsauce';

interface ActionTypes {
  GET_ALL: 'GET_ALL';
}

interface GetAllAction extends AnyAction {
  type: ActionTypes['GET_ALL'];
  payload: {
    data: string;
  };
}

interface Actions {
  getAll(data: string): GetAllAction;
}

const { Types, Creators } = createActions<ActionTypes, Actions>({
  getAll: ['data'],
});
  
// Creators.getAll('something')

export type State = {
  loading: boolean;
  data: string;
}

export const initialState: State = {
  loading: true,
  data: ''
}
  
export const getAll = (state: State, action: GetAllAction):State => {
  return { ...state, loading: true, data: action.payload.data }
}
 
export const reducer = createReducer(initialState, {
  [Types.GET_ALL]: getAll
})