1234567891011121314151617181920212223242526272829303132333435363738394041
import { MDXProvider } from '@mdx-js/react';import { Provider as JotaiProvider, createStore } from 'jotai';import { countAtom, menuAtom, searchAtom, textAtom } from './src/atoms/index.js';import { CodeSandbox } from './src/components/code-sandbox.js';import { Code } from './src/components/code.js';import { InlineCode } from './src/components/inline-code.js';import { Layout } from './src/components/layout.js';import { A, H2, H3, H4, H5 } from './src/components/mdx.js';import { Stackblitz } from './src/components/stackblitz.js';import { TOC } from './src/components/toc.js';
const store = createStore();
store.set(countAtom, 0);store.set(menuAtom, false);store.set(searchAtom, false);store.set(textAtom, 'hello');
const components = {  code: Code,  inlineCode: InlineCode,  CodeSandbox,  Stackblitz,  TOC,  h2: H2,  h3: H3,  h4: H4,  h5: H5,  a: A,};
export const wrapRootElement = ({ element }) => (  <JotaiProvider store={store}>    <MDXProvider components={components}>{element}</MDXProvider>  </JotaiProvider>);
export const wrapPageElement = ({ element, props }) => {  return <Layout showDocs={props.path.startsWith('/docs')}>{element}</Layout>;};