​

function ComponentWithInlineFunction() {

  const [__, forceRerender] = React.useState();

  React.useEffect(() => {

    window.forceRerenderInline = forceRerender;

  }, []);

  const clickMe = evt => evt.preventDefault();

  return React.createElement('button', {onClick: clickMe}, 'Click me!');

}

ReactDOM.render(React.createElement(ComponentWithInlineFunction), document.getElementById('inline'))

​

function ComponentWithUseCallback() {

  const [__, forceRerender] = React.useState();

  React.useEffect(() => {

    window.forceRerenderHooks = forceRerender;

  }, []);

  const clickMe = React.useCallback(evt => evt.preventDefault(), []);

  return React.createElement('button', {onClick: clickMe}, 'Click me!');

}

ReactDOM.render(React.createElement(ComponentWithUseCallback), document.getElementById('hooks'))