Gatsby: [gatsby] CJK characters in pathname stop working since 2.13.2

[d4rekanguok]

Description

Hi folks, since [email protected], paths with CJK (Chinese, Japanese, Korean) characters no longer works( i.e/안녕/).

On Firefox, Gatsby renders an absolutely empty page, with no error displayed.
On Chrome, the correct page flashes up, but then becomes empty like in firefox.
This previously works with [email protected].

This happens on both gatsby develop & gatsby build. I've included a reproduction repo below.

Steps to reproduce

Use CJK characters in a pathname. For a quick reproduction, clone gatsby blog starter & rename one of the markdown folder to include CJK characters.

Expected result

• Working repo

• Working path (deployed to netlify)

Actual result

• Repro repo

• Not working path (deployed to netlify)

[d4rekanguok]

After trying out a bunch of different Gatsby version, it looks like #13197 might contains the cause.

cc @pieh

[pieh]

Thanks for reproduction. Taking a look

[pieh]

Ok, this is related to https://github.com/reach/router/issues/206

Seems like workaround proposed in https://github.com/reach/router/issues/206#issuecomment-441284842 fix the issue - so I will add that to gatsby router

[pieh]

Opened pull request with fix - https://github.com/gatsbyjs/gatsby/pull/15552

[pieh]

Published [email protected] - it fixed issue in reproduction in my tests, but please let us know if that's not actually the case.

[d4rekanguok]

Thanks @pieh for the quick fix, it now works on all of my paths!