[Using Remark Example] Blog articles links lead to blank pages

[phacks]

Description

On a fresh install of the Using Remark example in the Gatsby repo, the actual blog posts of the Using Remark website lead to blank pages instead of blog posts.

The https://using-remark.gatsbyjs.org/ website is working as intended.

Steps to reproduce

• Git clone the gatsbyjs/gatsby repo
• cd examples/using-remark
• yarn && yarn develop
• Go to localhost:8000 and click on any link leading to a blog post
• One should see a blank page

Expected result

One should see the desired blog post.

Actual result

One sees a blank page with a lot of 404s in the Dev Tools:

Environment

  System:
    OS: macOS 10.14
    CPU: x64 Intel(R) Core(TM) i5-7287U CPU @ 3.30GHz
    Shell: 5.3 - /bin/zsh
  Binaries:
    Node: 8.11.3 - ~/.nvm/versions/node/v8.11.3/bin/node
    Yarn: 1.5.1 - /usr/local/bin/yarn
    npm: 5.6.0 - ~/.nvm/versions/node/v8.11.3/bin/npm
  Browsers:
    Chrome: 69.0.3497.100
    Firefox: 61.0
    Safari: 12.0
  npmPackages:
    gatsby: ^2.0.0 => 2.0.31 
    gatsby-image: ^2.0.5 => 2.0.17 
    gatsby-plugin-catch-links: ^2.0.2 => 2.0.5 
    gatsby-plugin-glamor: ^2.0.5 => 2.0.5 
    gatsby-plugin-sharp: ^2.0.5 => 2.0.8 
    gatsby-plugin-typography: ^2.2.0 => 2.2.0 
    gatsby-remark-autolink-headers: ^2.0.5 => 2.0.8 
    gatsby-remark-copy-linked-files: ^2.0.5 => 2.0.5 
    gatsby-remark-images: ^2.0.1 => 2.0.4 
    gatsby-remark-katex: ^2.0.5 => 2.0.5 
    gatsby-remark-prismjs: ^3.0.0 => 3.0.2 
    gatsby-remark-responsive-iframe: ^2.0.5 => 2.0.5 
    gatsby-remark-smartypants: ^2.0.5 => 2.0.5 
    gatsby-source-filesystem: ^2.0.1 => 2.0.5 
    gatsby-transformer-remark: ^2.1.1 => 2.1.9 
    gatsby-transformer-sharp: ^2.1.1 => 2.1.5 
    gatsby-transformer-yaml: ^2.1.1 => 2.1.3 
  npmGlobalPackages:
    gatsby-cli: 2.4.3

[phacks]

Problem was fixed in the gatsby-transformer-remark plugin in 2.1.8 (see issue #9293), updating the version fixes both the issue described here and the failing build (that I just discovered).