Minimal React Highlight.js component

CodeBlock.js

import React, { Component, PropTypes } from 'react'
import hljs from 'highlight.js/lib/highlight'
import javascript from 'highlight.js/lib/languages/javascript'
import php from 'highlight.js/lib/languages/php'
import python from 'highlight.js/lib/languages/python'
import sql from 'highlight.js/lib/languages/sql'
import objectivec from 'highlight.js/lib/languages/objectivec'
import 'highlight.js/styles/tomorrow.css'

const propTypes = {
  children: PropTypes.any
}

class CodeBlock extends Component {
  componentDidMount() {
    hljs.registerLanguage('javascript', javascript)
    hljs.registerLanguage('php', php)
    hljs.registerLanguage('python', python)
    hljs.registerLanguage('sql', sql)
    hljs.registerLanguage('objectivec', objectivec)

    hljs.highlightBlock(this.element)
  }

  render() {
    return (
      <pre ref={ref => { this.element = ref }}>
        <code>
          {this.props.children}
        </code>
      </pre>
    )
  }
}

CodeBlock.propTypes = propTypes

export default CodeBlock