GatsbyJSで「External link ~ was detected in a Link component」の解決方法

こんにちはかみむらです。

GatsbyJSで開発していたところ、Developer Toolsで大量のwarningがでていることに気づきました。色々調べてみたところ、GatsbyJSのLinkの書き方に問題があったみたいなので、対処方法をメモしておきます。

解決方法

toで指定するリンクの前には必ず/をいれる。下記のコードが書き方の例です。これでwarningが解消されました。

<Link to={`/${node.slug}`}>{node.title}</Link>

参考

github.com

www.gatsbyjs.org