HomePageWithInjection.tsx

/HomePage/HomePage.tsx
import { History } from "history";
interface IProps {
  label: string;
  history: History;
}

class HomePage extends PureComponent<IProps> {
  render() {
    return (
      <div>
        Home page {this.props.label}
        <a onClick={this.props.history.push("/catalog")}>Catalog</a>
      </div>
    );
  }
}

// HomePage/connected.tsx
interface IInjectedProps {
  history: History;
}
withInjection<IProps, IInjectedProps>(HomePage, {
  // prop name in component: dependency name in DI container.
  history: APP_DEP.BROWSER_HISTORY
});

// HomePage/index.tsx
import HomePage from "./connected.tsx"
export default HomePage;