1782f23b84
* [learn-example][m] - code section for the tutorial part 3 * [learn-example][sm] - dont panic when no markdown.db file found * [docs][m] - creating an inedx page
23 lines
843 B
TypeScript
23 lines
843 B
TypeScript
import { MDXRemote } from 'next-mdx-remote';
|
|
import dynamic from 'next/dynamic';
|
|
import { Mermaid } from '@flowershow/core';
|
|
|
|
// Custom components/renderers to pass to MDX.
|
|
// Since the MDX files aren't loaded by webpack, they have no knowledge of how
|
|
// to handle import statements. Instead, you must include components in scope
|
|
// here.
|
|
const components = {
|
|
Table: dynamic(() => import('./Table')),
|
|
Catalog: dynamic(() => import('./Catalog')),
|
|
mermaid: Mermaid,
|
|
// Excel: dynamic(() => import('../components/Excel')),
|
|
// TODO: try and make these dynamic ...
|
|
Vega: dynamic(() => import('./Vega')),
|
|
VegaLite: dynamic(() => import('./VegaLite')),
|
|
LineChart: dynamic(() => import('./LineChart')),
|
|
} as any;
|
|
|
|
export default function DRD({ source }: { source: any }) {
|
|
return <MDXRemote {...source} components={components} />;
|
|
}
|