diff --git a/apps/docs/app/[lang]/docs/[[...slug]]/page.tsx b/apps/docs/app/[lang]/docs/[[...slug]]/page.tsx index 0c78a6e8..4981d413 100644 --- a/apps/docs/app/[lang]/docs/[[...slug]]/page.tsx +++ b/apps/docs/app/[lang]/docs/[[...slug]]/page.tsx @@ -1,6 +1,7 @@ import { ThemeAwareImage } from "@vercel/geistdocs/components/theme-aware-image"; import { MobileDocsBar } from "@vercel/geistdocs/mobile-docs-bar"; import { createDocsPage } from "@vercel/geistdocs/pages/docs"; +import type { MDXComponents } from "mdx/types"; import { getMDXComponents } from "@/components/geistdocs/mdx-components"; import { IframeBrowser } from "@/components/custom/iframe-browser"; import { LearnMore } from "@/components/custom/learn-more"; @@ -11,15 +12,17 @@ import { ExternalLinkIcon } from "lucide-react"; const docsPage = createDocsPage({ config, - mdx: ({ link }) => - getMDXComponents({ - a: link, + mdx: ({ link }) => { + const components: MDXComponents = link ? { a: link } : {}; + return getMDXComponents({ + ...components, IframeBrowser, LearnMore, ProviderList, ThemeAwareImage, ExternalSmall: ExternalLinkIcon, - }), + }); + }, openGraph: { images: true, }, diff --git a/apps/docs/app/[lang]/home/[code]/toggles.tsx b/apps/docs/app/[lang]/home/[code]/toggles.tsx index 83b98cf5..5ce9dadc 100644 --- a/apps/docs/app/[lang]/home/[code]/toggles.tsx +++ b/apps/docs/app/[lang]/home/[code]/toggles.tsx @@ -88,7 +88,7 @@ export const FlagToggle = ({ { + onCheckedChange={(nextValue: boolean) => { document.cookie = `${flagKey}=${nextValue ? '1' : '0'}; max-age=${oneYearInSeconds}; path=/`; sessionStorage.setItem('toast', message(flagKey)); setOverride(nextValue); @@ -138,7 +138,7 @@ export const FlagSelect = ({