update-title-with-hooks.js

function MainForm() {
  
  const pageTitle = useFormInput('');
  
  //as simple as that
  useEffect(() => {
    document.title = pageTitle.value;
  });
  
  return (
    <div>
      <div className="form-control">
        <TextField label="Page Title"  {...pageTitle} />
      </div>
    </div>
  );
  
}

class App extends Component {
  render() {
    return (
      <div className="App">
        <header className="">
          <MainForm />
        </header>
      </div>
    );
  }
}