Connected Component with Higher-Ordered Component Wrapper

navigation.ts

interface StateProps {
  /* define props interface here */
}

interface DispatchProps {
  /* define props interface here */
}

export type Props = StateProps & DispatchProps;

export const Navigation: FunctionComponent<Props> = (props) => (
  <div className={styles.Navigation}>
    Container Content
  </div>
);

const ConnectedComponent = connect<StateProps, DispatchProps, {}, RootState>(
  (state) => ({}),
  (dispatch) => ({}),
)(Navigation);

export default ConnectedComponent;