return <MDXLayout layout={layout} components={MDXComponents} {...rest} />

export const MDXComponents = {
	Image,
	TOCInline,
	a: CustomLink,
	pre: Pre,
	wrapper: ({ components, layout, ...rest }) => {
		const Layout = require(`../layouts/${layout}`).default
		return <Layout {...rest} />
	},
}

export default function MDXLayoutRenderer({ layout, mdxSource, ...rest }) {
	const MDXLayout = useMemo(() => getMDXComponent(mdxSource), [mdxSource])

	return <>Test</>
        // error coming from this line
	//return <MDXLayout layout={layout} components={MDXComponents} {...rest} />
}