gatsby-theme-medium-to-own-blog/src/components/wrap-root-element.js

Gatsby theme for Medium-to-own-blog

import React from 'react'
import { MDXProvider } from '@mdx-js/react'
import Embed from './embed'
import {
  PrismjsReplacementInline,
  PrismjsReplacement,
} from './code-highlighting'

export const wrapRootElement = ({ element }) => (
  <MDXProvider
    components={{
      Embed,
      inlineCode: PrismjsReplacementInline,
      code: PrismjsReplacement,
    }}
  >
    {element}
  </MDXProvider>
)