React Hotloading issues.

[HaoZeke]

Working with webpack HMR proxied through browsersync and the following config, I get the right formatting, however as I change the files, I require a full page refresh to get the equations..

import React from 'react';
import {render} from 'react-dom';
import ReactMarkdown from 'react-markdown';
import mdit from 'markdown-it';

const singleton = (creator) => {
  let obj;
  return () => obj || (obj = creator());
};


const md = singleton(() =>
  mdit({html: true, linkify: true})
  .use(require('markdown-it-mathjax')())
);

const input = '# Math Rulez! \n  $$\\sqrt{3x-1}+(1+x)^2 \\frac{23}{3}$$';

var rs = md().render(input);

function createMarkup() {
  return {__html: rs };
}

class App extends React.Component {
  render () {
    return <div dangerouslySetInnerHTML={createMarkup()} />;
  }
}

render(<App/>, document.getElementById('react'));

if (module.hot) {
  module.hot.accept();
}

Is this normal behavior?