state.tsx

// 1

import { peopleReducer as peopleState } from './reducers/peopleReducer.ts';
import { combineReducers } from 'redux';

export const rootReducer = combineReducers({
  peopleState,
});

export type AppState = ReturnType<typeof rootReducer>;

// 2

type AppStateProps = ReturnType<typeof mapStateToProps>;
type AppDispatchProps = ReturnType<typeof mapDispatchToProps>;
type AppProps = AppStateProps & AppDispatchProps;
                                  
const App = (props: AppProps) => (
  <div>
    { /* ... */ }
  </div>
)
                                  
const mapStateToProps = (state: AppState) => ({
  people: state.peopleState.people,
  peopleLoading: state.peopleState.loading,
  personPosting: state.peopleState.posting,       
});

const mapDispatchToProps = (dispatch: ThunkDispatch<any, any, AnyAction>) => {
  return {
    getPeople: () => dispatch(getPeopleActionCreator()),
    postPerson: (person: IPostPerson) => dispatch(postPersonActionCreator(person)),
  };
};

export default connect(mapStateToProps, mapDispatchToProps)(App);