123456789101112131415161718192021222324252627282930313233343536373839
import React from 'react'import { MDXProvider } from '@mdx-js/react'import { Provider as JotaiProvider } from 'jotai'import { countAtom, menuAtom, textAtom } from './src/atoms'import {  A,  Code,  CodeSandbox,  H2,  H3,  H4,  H5,  InlineCode,  Stackblitz,} from './src/components'
const components = {  code: Code,  inlineCode: InlineCode,  CodeSandbox,  Stackblitz,  h2: H2,  h3: H3,  h4: H4,  h5: H5,  a: A,}
export const wrapRootElement = ({ element }) => (  <JotaiProvider    initialValues={[      [menuAtom, false],      [textAtom, 'hello'],      [countAtom, 0],    ]}>    <MDXProvider components={components}>{element}</MDXProvider>  </JotaiProvider>)