Vue Router calls generated MDXContent function without props parameter, causing TypeError

[mike-mcdonald]

---

Initial checklist

• [x] I read the support docs
• [x] I read the contributing guide
• [x] I agree to follow the code of conduct
• [x] I searched issues and couldn’t find anything (or linked relevant results below)

Affected packages and versions: xdm@2.0.2

Steps to reproduce

1. Download linked example (I spent too much time trying to get it running directly and gave up, sorry)
2. Run npm install or yarn install
3. Start app: npm run serve and open browser to 'localhost:8080'
4. Open web console
5. Note errors in the console pointing to trying to access components property on undefined

Link to code example: https://codesandbox.io/s/dank-tree-b1ubs

Expected behavior

Should see output of Page.mdx underneath Vue logo

Actual behavior

The content of Page.mdx is not shown. Error:

vue-router.esm-bundler.js?6c02:3264 TypeError: Cannot read properties of undefined (reading 'components')
    at MDXContent ...

Notes

• I think adding a check or default to the generated function seems appropriate since all I'm seeing it used for is accessing components which may be an empty object anyways.
  • Something like:

    function MDXContent(props = {}) {
    const _components = Object.assign({
    h1: "h1",
    p: "p"
    }, props && props.components), {wrapper: MDXLayout} = _components;
    const _content = ...
    return MDXLayout ? <MDXLayout {...props}>{_content}</MDXLayout> : _content;
    }
    export default MDXContent;

• I'm willing to help but I've never seen the unified/remark framework before so it will take some time to get up to speed.