Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/openstatusHQ/openstatus. 🫖 Status page with uptime monitoring & API monitoring as code 🫖 openstatus.dev
bun drizzle-orm monitoring monitoring-as-code nextjs observability on-call open-source shadcn-ui status-page statuspage synthetic-monitoring tinybird turso uptime uptime-checker uptime-monitor
Something went wrong. Try again.
1.1 kB · 41 lines
TSX
123456789101112131415161718192021222324252627282930313233343536373839404142import { MDXRemote, type MDXRemoteProps } from "next-mdx-remote/rsc";import React from "react";import remarkGfm from "remark-gfm";
import { HighlightText } from "./highlight-text";import { components } from "./mdx-components";
export { components, slugify } from "./mdx-components";
function MDXContent(props: MDXRemoteProps) { return ( <MDXRemote {...props} options={{ blockJS: false, // Allow JS expressions in trusted MDX content blockDangerousJS: true, // Still block dangerous operations mdxOptions: { remarkPlugins: [remarkGfm], ...props.options?.mdxOptions, }, ...props.options, }} components={ { ...components, ...props.components, } as MDXRemoteProps["components"] } /> );}
export function CustomMDX(props: MDXRemoteProps) { return ( <React.Suspense fallback={<MDXContent {...props} />}> <HighlightText> <MDXContent {...props} /> </HighlightText> </React.Suspense> );}