用 gray-matter parse customComponents

---
title: "..."
publishedAt: "..."
customConponents: ['CustomComp']
---

在 MDXRemote 動態載入

const components = frontMatter.customConponents.reduce((result, c) => {
    result[c] = dynamic(() => import(`components/${c}`));

    return result;
}, {});

export default function MDX({ source, customComponents }) {
    return (
        <MDXRemote {...source}  components={{ 
            ...customComponents 
        }} />
    )
}