framerx-override-demo.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 hoc = Component => React.cloneElement(Component, { text: "Cat" });
const rootElement = document.getElementById("root");

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