{"componentChunkName":"component---src-templates-blog-post-template-js","path":"/2019/03/09/testing-mdx/","result":{"data":{"mdx":{"id":"ab675f5d-9bed-5185-951c-afd9bcc3a740","frontmatter":{"title":"Testing MDX","date":"2019 March 9th","cover":{"id":"5af0cf3d-cfb6-5fa6-8416-f6257522bea1","publicURL":"/static/cover-5540cce733ae5916606da2d66f5c0925.jpg"}},"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"date\": \"2019-03-09T00:00:00.000Z\",\n  \"title\": \"Testing MDX\",\n  \"tags\": [\"information\", \"learning\", \"gatsby\", \"mdx\"],\n  \"published\": true,\n  \"cover\": \"./cover.jpg\",\n  \"coverCredit\": \"Photo by Ildefonso Polo on Unsplash\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h2\", {\n    \"id\": \"moving-to-the-new-hotness\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#moving-to-the-new-hotness\",\n    \"aria-label\": \"moving to the new hotness permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Moving to the new hotness!!\"), mdx(\"p\", null, \"I\\u2019ve now moved this blog over to Gatsby MDX. You can see all the\\nchanges\\n\", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://github.com/spences10/blog.scottspence.me/pull/1128/files\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"on my repo here\"), \".\"), mdx(\"p\", null, \"From the pull I\\u2019m hoping you can glean that the majority of the work\\nis in replacing \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"gatsby-transformer-remark\"), \" with \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"gatsby-mdx\"), \", there\\nare some additional files added, that pretty nifty \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"Code.js\"), \" component\\nfrom LekoArts minimal starter blog, and the \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"wrap-root-element.js\"), \"\\nmodule for (I think) the MDX rendering of the code.\"), mdx(\"p\", null, \"Files changed:\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"gatsby-browser.js\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"gatsby-config.js\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"gatsby-node.js\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"gatsby-ssr.js\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"src/pages/index.js\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"src/templates/blogPostTemplate.js\"))), mdx(\"p\", null, \"Files added:\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"src/components/Code.js\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"inlineCode\", {\n    parentName: \"li\"\n  }, \"wrap-root-element.js\"))), mdx(\"p\", null, \"Shout out to LekoArts, HagNerd and Chris Biscardi for their example\\nrepositories:\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://github.com/LekoArts/gatsby-starter-minimal-blog\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"gatsby-starter-minimal-blog\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://github.com/hagnerd/gatsby-starter-blog-mdx\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"gatsby-starter-blog-mdx\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://github.com/ChristopherBiscardi/christopherbiscardi.github.com\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"christopherbiscardi.github.com\"))), mdx(\"h2\", {\n    \"id\": \"things-i-still-havent-figured-out\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#things-i-still-havent-figured-out\",\n    \"aria-label\": \"things i still havent figured out permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Things I still haven\\u2019t figured out\"), mdx(\"h3\", {\n    \"id\": \"code-blocks\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h3\"\n  }, {\n    \"href\": \"#code-blocks\",\n    \"aria-label\": \"code blocks permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Code blocks\"), mdx(\"p\", null, \"Code blocks are pretty, this is a \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"js\"), \" block with the\\n\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"prism-react-renderer/themes/nightOwl\"), \" theme:\"), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-js\"\n  }), \"const onClick = () => {\\n  alert('clicked')\\n}\\nrender(<button onClick={onClick}>Click Me!</button>)\\n\")), mdx(\"p\", null, \"And here is a \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"js react-live\"), \" block, try editing the code:\"), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-js\",\n    \"metastring\": \"react-live\",\n    \"react-live\": true\n  }), \"const onClick = () => {\\n  alert('clicked')\\n}\\nrender(<button onClick={onClick}>Click Me!</button>)\\n\")), mdx(\"p\", null, \"Image for prosperity \\uD83D\\uDC4D\"), mdx(\"p\", null, mdx(\"span\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"640px\"\n    }\n  }), \"\\n      \", mdx(\"a\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/3b1ee37a5c2b58e0079a1c23bea2b7e4/a242d/highlightVLive.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": [\"noopener\"]\n  }), \"\\n    \", mdx(\"span\", _extends({\n    parentName: \"a\"\n  }, {\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"43.370165745856355%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/svg+xml,%3csvg%20xmlns=\\\\'http://www.w3.org/2000/svg\\\\'%20width=\\\\'400\\\\'%20height=\\\\'173\\\\'%3e%3cpath%20d=\\\\'M6%2025v51c0%202%2018%202%20197%202h197V23H203C24%2023%206%2023%206%2025m-1%2083v24l1%2022h394v-47H203L5%20108\\\\'%20fill=\\\\'%23d3d3d3\\\\'%20fill-rule=\\\\'evenodd\\\\'/%3e%3c/svg%3e')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  })), \"\\n  \", mdx(\"picture\", {\n    parentName: \"a\"\n  }, \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/3b1ee37a5c2b58e0079a1c23bea2b7e4/60a22/highlightVLive.webp 160w\", \"/static/3b1ee37a5c2b58e0079a1c23bea2b7e4/4c812/highlightVLive.webp 320w\", \"/static/3b1ee37a5c2b58e0079a1c23bea2b7e4/0ba47/highlightVLive.webp 640w\", \"/static/3b1ee37a5c2b58e0079a1c23bea2b7e4/79561/highlightVLive.webp 724w\"],\n    \"sizes\": \"(max-width: 640px) 100vw, 640px\",\n    \"type\": \"image/webp\"\n  })), \"\\n        \", mdx(\"source\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"srcSet\": [\"/static/3b1ee37a5c2b58e0079a1c23bea2b7e4/69538/highlightVLive.png 160w\", \"/static/3b1ee37a5c2b58e0079a1c23bea2b7e4/72799/highlightVLive.png 320w\", \"/static/3b1ee37a5c2b58e0079a1c23bea2b7e4/6af66/highlightVLive.png 640w\", \"/static/3b1ee37a5c2b58e0079a1c23bea2b7e4/a242d/highlightVLive.png 724w\"],\n    \"sizes\": \"(max-width: 640px) 100vw, 640px\",\n    \"type\": \"image/png\"\n  })), \"\\n        \", mdx(\"img\", _extends({\n    parentName: \"picture\"\n  }, {\n    \"className\": \"gatsby-resp-image-image\",\n    \"src\": \"/static/3b1ee37a5c2b58e0079a1c23bea2b7e4/6af66/highlightVLive.png\",\n    \"alt\": \"highlightVLive\",\n    \"title\": \"highlightVLive\",\n    \"loading\": \"lazy\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    }\n  })), \"\\n      \"), \"\\n  \"), \"\\n    \")), mdx(\"h3\", {\n    \"id\": \"mdx-is-a-bit-slow\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h3\"\n  }, {\n    \"href\": \"#mdx-is-a-bit-slow\",\n    \"aria-label\": \"mdx is a bit slow permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Mdx is a bit slow\"), mdx(\"h3\", {\n    \"id\": \"sometimes-renders-dont-update\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h3\"\n  }, {\n    \"href\": \"#sometimes-renders-dont-update\",\n    \"aria-label\": \"sometimes renders dont update permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Sometimes renders don\\u2019t update\"), mdx(\"h3\", {\n    \"id\": \"not-working-yet\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h3\"\n  }, {\n    \"href\": \"#not-working-yet\",\n    \"aria-label\": \"not working yet permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Not working yet\"), mdx(\"ul\", {\n    \"className\": \"contains-task-list\"\n  }, mdx(\"li\", _extends({\n    parentName: \"ul\"\n  }, {\n    \"className\": \"task-list-item\"\n  }), mdx(\"input\", _extends({\n    parentName: \"li\"\n  }, {\n    \"type\": \"checkbox\",\n    \"checked\": false,\n    \"disabled\": true\n  })), \" \", \"Autolink headers\"), mdx(\"li\", _extends({\n    parentName: \"ul\"\n  }, {\n    \"className\": \"task-list-item\"\n  }), mdx(\"input\", _extends({\n    parentName: \"li\"\n  }, {\n    \"type\": \"checkbox\",\n    \"checked\": false,\n    \"disabled\": true\n  })), \" \", \"Embed tweets\"), mdx(\"li\", _extends({\n    parentName: \"ul\"\n  }, {\n    \"className\": \"task-list-item\"\n  }), mdx(\"input\", _extends({\n    parentName: \"li\"\n  }, {\n    \"type\": \"checkbox\",\n    \"checked\": false,\n    \"disabled\": true\n  })), \" \", \"Embed videos\")));\n}\n;\nMDXContent.isMDXComponent = true;","excerpt":"Moving to the new hotness!! I've now moved this blog over to Gatsby MDX. You can see all the\nchanges\n on my repo here . From the pull I'm…","tableOfContents":{"items":[{"url":"#moving-to-the-new-hotness","title":"Moving to the new hotness!!"},{"url":"#things-i-still-havent-figured-out","title":"Things I still haven't figured out","items":[{"url":"#code-blocks","title":"Code blocks"},{"url":"#mdx-is-a-bit-slow","title":"Mdx is a bit slow"},{"url":"#sometimes-renders-dont-update","title":"Sometimes renders don't update"},{"url":"#not-working-yet","title":"Not working yet"}]}]},"timeToRead":1,"fields":{"slug":"/2019/03/09/testing-mdx/","editLink":"https://github.com/spences10/thelocalhost.blog/edit/authoring/posts/2019/03/09/testing-mdx/index.mdx"}}},"pageContext":{"slug":"/2019/03/09/testing-mdx/","previous":{"id":"048815a1-2f7e-5453-a114-1910b6d94baf","excerpt":"Over the past couple of weeks now I have set up several development\nmachines at work and have had to also use two git accounts, GitHib and\nBitbucket. To connect to both I use SSH as a preference, I have been using SSH in\nplace of HTTPS for quite some…","frontmatter":{"title":"Setting up multiple Git providers","date":"2019-01-27T00:00:00.000Z"},"fields":{"slug":"/2019/01/27/multiple-git-profiles/"}},"next":{"id":"90cc8ca8-38f5-5768-a151-e9ae7ae9a839","excerpt":"Hooks ahoy! Ok, let's get it on with the new hotness in Reactland, React Hooks!\nThis is a guide covering using the Gatsby custom React hook for\n StaticQuery  which it is now replacing with  useStaticQuery . If you haven't used Gatsby before…","frontmatter":{"title":"Creating a Custom React Hook for Gatsby Site Metadata","date":"2019-03-24T00:00:00.000Z"},"fields":{"slug":"/2019/03/24/custom-gatsby-metadata-hook/"}}}}}