leaflet-geosearch/docs/components/Code.js

import preact, { Component } from 'preact';
import microlight from 'microlight';
import styles from './Code.css';

class Code extends Component {
  componentDidMount() {
    microlight.reset('code');
  }

  componentDidUpdate() {
    const { children } = this.props;
    this.container.innerHTML = children.join('\n\n');
    microlight.reset('code');
  }

  defineContainer = (ref) => {
    this.container = ref;
  };

  render() {
    const { children } = this.props;

    return (
      <div ref={this.defineContainer} className={styles.code}>
        {children}
      </div>
    );
  }
}

export default Code;