Creating typescript components for react-redux connect

example.component.tsx

import * as React from 'react';
import { connect, MapDispatchToProps, MapStateToProps } from 'react-redux';

interface OwnProps { // Props that will be passed in via JSX when mounting a Header node
  // ...
}

interface ConnectStateProps { // props that will come from mapStateToProps
  displayName: string;
  isAuthenticated: boolean;
}

interface ConnectDispatchProps { // props that come from mapDispatchToProps
  logIn?: () => void;
  logOut?: () => void;
}

interface State {}

type HeaderProps = OwnProps & ConnectStateProps & ConnectDispatchProps;

class Header extends React.Component<HeaderProps, State> {
  
  render() {/*...*/}
}
  
// the three types used in the MapStateToProps generic are (1) what we're mapping TO props, (2) what this component will still need to get from JSX, and (3) global state's type
type ConnectStateMapper: MapStateToProps<ConnectStateProps, OwnProps, AppState> 
  
const mapStateToProps: ConnectStateMapper = (state) => {/*...*/}

// the TWO types used in the MapDispatchToProps generic are (1) what we're mapping TO props, (2) what this component will still need to get from JSX
type ConnectDispatchMapper: MapDispatchToProps<ConnectDispatchProps, OwnProps> 

const mapDispathToProps: ConnectDispathMapper = (dispatch) => {/*...*/}
  
export default connect(mapStateToProps, mapDispatchToProps)(Header);

On line no. 35, should it be ConnectDispatchMapper instead of ConnectDispathMapper?