Sharing Typescript example....

homepage.tsx

import * as React from "react";
import * as ReactRedux from "react-redux";

interface ICity {
    cityName: string;
    img: string;
}

// Action Creator
export const getCityInformation = () => ({
    type: "GET_ALL_CITIES"
});


// HomePage Component

interface IHomePageOwnProps {
    // this is empty so that react-redux can extract an empty type
}


interface IHomePageStoreProps {
    allCityInformation: ICity[];
}

interface IHomePageDispatchProps {
    getAllCityInformation:  () => void;
}

type IHomePageProps =
    IHomePageOwnProps &
    IHomePageStoreProps &
    IHomePageDispatchProps;


class HomePage extends React.Component<IHomePageProps> {

    componentDidMount() {
        this.props.getAllCityInformation();
    }

    render() {
        return (
            <div>
                ...
            </div>
        );
    }
}

const mapStateToProps = (state: any, ownProps: IHomePageOwnProps): IHomePageStoreProps => ({
    allCityInformation: state.cities // or wherever this is in your redux store
});


// This works
// const mapDispatchToProps = (dispatch: any, ownProps: IHomePageOwnProps): IHomePageDispatchProps => ({
//      getAllCityInformation: dispatch(getCityInformation())
//  });

// This doesn't
const mapDispatchToProps = {
    getCityInformation
};

export default ReactRedux.connect(mapStateToProps, mapDispatchToProps)(HomePage);
  
  
  

This gives me this error

(66,72): error TS2345: Argument of type 'typeof HomePage' is not assignable to parameter of type 'ComponentType<IHomePag
eStoreProps & { getCityInformation: () => { type: string; }; }>'.
  Type 'typeof HomePage' is not assignable to type 'StatelessComponent<IHomePageStoreProps & { getCityInformation: () =>
 { type: string; }; }>'.
    Type 'typeof HomePage' provides no match for the signature '(props: IHomePageStoreProps & { getCityInformation: () =
> { type: string; }; } & { children?: ReactNode; }, context?: any): ReactElement<any>'.