@mdx-lib/chakra v0.0.1-alpha.1

Chakra-ui related libs

Setup

Add package

yarn add @mdx-lib/chakra

Confirm & Add peerDependencies

on your machine, check package.json

{
  "name": "@mdx-lib/chakra",
  "peerDependencies": {
    "react": "17.0.2",
    "@mdx-js/react": "^1.6.22",
    "@chakra-ui/react": "1.7.4"
  }
}

# or exec below commadn
npm info @mdx-lib/chakra@YOUR_VERSION peerDependencies

Add MDX provider

import { ChakraMDXProvider } from '@mdx-lib/chakra'

function MyApp({ Component, pageProps }: AppProps) {
  return (
    <ChakraMDXProvider>
      <Component {...pageProps} />
    </ChakraMDXProvider>
  )
}