I am trying to use the LiveEditor from mdx with x0 but I'm having a hard time trying to make it work with my custom components. The document isn't clear about how to include it into the props scope.
Until now, I created a scope.js file like this
`import { Box } from 'rebass'
const scope = {
Box
}
export default scope`
then use it in the _app.js file like this
<ScopeProvider scope={scope}> </ScopeProvider>
But the LiveEditor is still not able to get that Box component. Am I missing something? Thank you!
I am trying to use the LiveEditor from mdx with x0 but I'm having a hard time trying to make it work with my custom components. The document isn't clear about how to include it into the props scope.
Until now, I created a scope.js file like this
`import { Box } from 'rebass'
const scope = { Box }
export default scope`
then use it in the _app.js file like this
<ScopeProvider scope={scope}> </ScopeProvider>But the LiveEditor is still not able to get that Box component. Am I missing something? Thank you!