gatsby-plugin-mdx で外部リンクを新しいタブで開く

1 min read読了の目安(約400字
npm install remark-external-links
gatsby-config.js
resolve: `gatsby-plugin-mdx`,
options: {
  remarkPlugins: [
    require(`remark-external-links`),
  ],
}

注意点

gatsby-remark-external-linksではなくremark-external-linksを使う。
また、gatsby-plugin-mdxoptionsにはgatsbyRemarkPluginsもあるが、こちらではなくremarkPluginsに追加する。

参考

https://www.gatsbyjs.com/plugins/gatsby-plugin-mdx/#remark-plugins