gatsby-plugin-mdx/context.js

MDX integration for Gatsby

import React, { createContext, useContext } from "react"

const GatsbyMDXScopeContext = createContext({})

export const useMDXScope = scope => {
  const contextScope = useContext(GatsbyMDXScopeContext)
  return scope || contextScope
}

export const MDXScopeProvider = ({ __mdxScope, children }) =>
  React.createElement(
    GatsbyMDXScopeContext.Provider,
    { value: __mdxScope },
    children
  )