prevent links causing full page reload

[simpixelated]

Local links By default, links to other pages in your site from markdown-generated HTML will cause a full refresh of the page, defeating the purpose of a SPA. You can fix that with the catch-links node module. Try something like this in wrappers/md.js:

import catchLinks from 'catch-links';

// inside MarkdownWrapper component
contextTypes: {
  router: React.PropTypes.object.isRequired
},

componentDidMount: function() {
  const _this = this;
  catchLinks(this.refs.markdown, function(href) {
    _this.context.router.push(href);
  });
},

render: function() {
  const htmlFromMarkdown = this.props.route.data.body;
  // ...
  <div
    ref="markdown"
    dangerouslySetInnerHTML={{__html: htmlFromMarkdown}}
  />
  // ...
}

https://blog.scottnonnenberg.com/practical-gatsby-js/