HomeContainer.tsx

import React, { useEffect } from "react";
import { connect } from "react-redux";
import Home from "../pages/Home";
import { initForm } from "../store/forms/actions";
import { FormsActionTypes } from "../store/forms/types";

export interface HomePageContainerProps {
  onInitForm: FormsActionTypes;
}

const HomePageContainer: React.SFC<HomePageContainerProps> = ({
  onInitForm
}) => {
  useEffect(() => {
    onInitForm();
  }, []);
  return <Home />;
};

const mapDispatchToProps = (dispatch: any) => {
  return {
    onInitForm: dispatch(initForm)
  };
};

export default connect(
  null,
  mapDispatchToProps
)(HomePageContainer);