Use nextjs mdx feature and configure plugins

examples/data-literate/pages/_app.js

@@ -1,8 +1,12 @@
 import '../styles/globals.css'
 import '../styles/tailwind.css'
+import DataLiterate from '../components/DataLiterate'
+
 
 function MyApp({ Component, pageProps }) {
-  return <Component {...pageProps} />
+  return (
+    <DataLiterate children={{ Component, pageProps }}/>
+  )
 }
 
 export default MyApp