{"componentChunkName":"component---src-templates-post-jsx","path":"/the-future-of-react-and-reach-router","result":{"data":{"mdx":{"frontmatter":{"slug":"the-future-of-react-and-reach-router","title":"The future of Reach Router and React Router","date":"03 April, 2020","image":null,"excerpt":"Changes are coming to the React Router API. Read up on what to expect and how to prepare."},"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  \"slug\": \"the-future-of-react-and-reach-router\",\n  \"date\": \"03 April, 2020\",\n  \"dateForSorting\": \"2020-04-03T02:46:59.151Z\",\n  \"title\": \"The future of Reach Router and React Router\",\n  \"tags\": [\"react\", \"react router\"],\n  \"excerpt\": \"Changes are coming to the React Router API. Read up on what to expect and how to prepare.\",\n  \"image\": \"\"\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(\"p\", null, \"In this article, I talk about the future of React v5.1 and the upcoming React Router v6.\"), mdx(\"p\", null, \"Check out the full article \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://blog.logrocket.com/future-reach-router-react-router/\"\n  }), \"here\"), \" on LogRocket's Blog\"));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"the-future-of-react-and-reach-router"}}}