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"),