Simple React HTML comment

HTMLComment.jsx

/*
This is a stripped down fork of https://gist.github.com/alexeychikk/bfe72a072a9a962f2da900b6151e4aae

<HTMLComment text="This will be displayed in an HTML comment" />
*/
import React, { Component } from "react";
import ReactDOM from "react-dom";

export default class HTMLComment extends Component {
  componentDidMount() {
    const el = ReactDOM.findDOMNode(this);
    ReactDOM.unmountComponentAtNode(el);
    el.outerHTML = this.createComment();
  }

  createComment() {
    const { text = "" } = this.props;

    return `<!-- ${text} -->`;
  }

  render() {
    return <div />;
  }
}