JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>

<body>
  Contents:
  <!-- Renders React output -->
  <div id="container"></div>
</body>

Babel + JSX

const styles = {
  container: {
    fontSize: '14px',
    fontFamily: '"Helvetica Neue"',
  },
};

class MyComp extends React.Component {
	clicked = () => {
  	this.forceUpdate();
  }
	render() {
		let theme = this.props.theme;
    window.alert('isFrozen='+ Object.isFrozen(this.props));
    styles.container.fontFamily = theme.font;
    
    return (
    	<div style={styles}>
    	  Hello {theme.font}
        <button onClick={this.clicked}>
          Render again
        </button>
    	</div>
    )
  }
}

const theme = { font: 'Arial' };
ReactDOM.render(<MyComp theme={theme} />, document.getElementById('container'));