monkey-patch-react.js

const createElement = React.createElement

React.createElement = (element, props, children, ...args) => {
  // Fancy Logging for React Element Creation
  const _props = props ? Object.entries(props).map(([k, v]) => `${k}=${JSON.stringify(v)}`).join(' ') : ''
  console.log(`Creating %c<${element} %c${_props} %c/>`, 'color: teal; font-weight: bold', 'color: #777', 'color: teal')

  // TODO: Monkey Patch your code here.

  return createElement(element, props, children, ...args)
}