upgrade mdx to v1

gatsby-config.js

@@ -39,7 +39,6 @@ module.exports = {
             options: {
               backgroundColor: '#fafafa',
               maxWidth: 1035,
-              sizeByPixelDensity: true,
             },
           },
         ],

package.json

@@ -17,24 +17,19 @@
   },
   "peerDependencies": {
     "dotenv": "^6.2.0",
-    "gatsby": "^2.2.5",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0"
+    "gatsby": "^2.2.5"
   },
   "dependencies": {
-    "@emotion/core": "^10.0.5",
-    "@emotion/styled": "^10.0.5",
-    "@mdx-js/mdx": "^0.16.6",
-    "@mdx-js/tag": "^0.16.6",
-    "core-js": "2",
-    "emotion": "^10.0.5",
-    "emotion-server": "^10.0.5",
-    "emotion-theming": "^10.0.6",
+    "@emotion/core": "^10.0.10",
+    "@emotion/styled": "^10.0.10",
+    "@mdx-js/mdx": "^1.0.19",
+    "@mdx-js/react": "^1.0.16",
+    "emotion-theming": "^10.0.10",
     "formik": "^1.4.2",
     "gatsby-awesome-pagination": "^0.3.3",
     "gatsby-image": "^2.0.25",
     "gatsby-link": "^2.0.7",
-    "gatsby-mdx": "^0.3.4",
+    "gatsby-mdx": "^0.6.3",
     "gatsby-plugin-catch-links": "^2.0.9",
     "gatsby-plugin-compile-es6-packages": "^1.0.6",
     "gatsby-plugin-emotion": "^4.0.1",
@@ -52,7 +47,7 @@
     "gatsby-source-filesystem": "^2.0.12",
     "gatsby-transformer-remark": "^2.1.19",
     "gatsby-transformer-sharp": "^2.1.10",
-    "mdx-utils": "0.0.2",
+    "mdx-utils": "0.1.1",
     "polished": "^2.3.3",
     "prism-react-renderer": "^0.1.5",
     "prism-themes": "^1.0.1",
@@ -67,13 +62,13 @@
     "yup": "^0.26.7"
   },
   "devDependencies": {
-    "babel-preset-gatsby": "^0.1.6",
+    "babel-preset-gatsby": "^0.1.11",
     "dotenv": "^6.2.0",
     "dotenv-parse-variables": "^0.2.0",
-    "gatsby": "^2.2.5",
-    "prettier": "1.14.3",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0"
+    "gatsby": "^2.4.6",
+    "react": "^16.8.6",
+    "react-dom": "^16.8.6",
+    "prettier": "1.17.1"
   },
   "keywords": [
     "gatsby",

src/components/Layout.js

@@ -1,7 +1,7 @@
 import React, { Fragment } from 'react'
 import Helmet from 'react-helmet'
 import { graphql } from 'gatsby'
-import { MDXProvider } from '@mdx-js/tag'
+import { MDXProvider, mdx } from '@mdx-js/react'
 import { Global, css } from '@emotion/core'
 import { ThemeProvider } from 'emotion-theming'
 import { bpMaxSM } from '../lib/breakpoints'