override-demo-2.js

import * as React from "react";
import { render } from "react-dom";

import "./styles.css";

function App(props) {
  return (
    <div className="App">
      <h1> {props.text}</h1>
    </div>
  );
}

const override = props => ({ text: "cat" }); 
const hoc = Component => React.cloneElement(Component, override(Component.props));
const rootElement = document.getElementById("root");

render(hoc(<App text="dog" />), rootElement);