diff --git a/apps/techlabblog/app/[slug]/page.tsx b/apps/techlabblog/app/[slug]/page.tsx index 1ae70c70b..d4ded021f 100644 --- a/apps/techlabblog/app/[slug]/page.tsx +++ b/apps/techlabblog/app/[slug]/page.tsx @@ -4,8 +4,12 @@ import { getPost } from "@/techlabblog/lib/data"; import PostHeader from "@/techlabblog/components/PostHeader"; export default async function Page({ params }: { params: { slug: string } }) { - const { default: PostContent, frontmatter } = await getPost(params.slug); - + const postModule = await getPost(params.slug); + if (!postModule) { + // TODO(kilemensi): 404 + return null; + } + const { default: PostContent, frontmatter } = postModule; return (
- + {frontmatter ? : null}
); diff --git a/apps/techlabblog/components/PostHeader/PostSxProps.tsx b/apps/techlabblog/components/PostHeader/PostSxProps.tsx index 17de1522c..0750143fb 100644 --- a/apps/techlabblog/components/PostHeader/PostSxProps.tsx +++ b/apps/techlabblog/components/PostHeader/PostSxProps.tsx @@ -1,8 +1,8 @@ import type { SxProps, Theme } from "@mui/material/styles"; -import { PostFrontMatterProps } from "@/techlabblog/lib/data"; +import { Post } from "@/techlabblog/lib/data"; -interface PostSxProps extends PostFrontMatterProps { +interface PostSxProps extends Post { sx?: SxProps; } diff --git a/apps/techlabblog/mdx-components.tsx b/apps/techlabblog/mdx-components.tsx index f5e02f101..e338c9a96 100644 --- a/apps/techlabblog/mdx-components.tsx +++ b/apps/techlabblog/mdx-components.tsx @@ -33,7 +33,7 @@ function createHeading(variant: Variant): HTMLHeadingElement { ); } -export function useMDXComponents(components: MDXComponents): MDXComponents { +export function useMDXComponents(components?: MDXComponents): MDXComponents { return { h1: createHeading("h1"), h2: createHeading("h2"),