From b2df353533cf6978de6829901b2a5c11dd50655c Mon Sep 17 00:00:00 2001
From: pkupuk <pukpuk.tw@gmail.com>
Date: Tue, 14 Oct 2025 00:13:53 +0800
Subject: [PATCH] Add type casting for post content in RichText component

---
 apps/backend/src/app/(frontend)/posts/[slug]/page.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/apps/backend/src/app/(frontend)/posts/[slug]/page.tsx b/apps/backend/src/app/(frontend)/posts/[slug]/page.tsx
index ab6ab19..04c3344 100644
--- a/apps/backend/src/app/(frontend)/posts/[slug]/page.tsx
+++ b/apps/backend/src/app/(frontend)/posts/[slug]/page.tsx
@@ -7,6 +7,7 @@ import { getPayload } from 'payload'
 import { draftMode } from 'next/headers'
 import React, { cache } from 'react'
 import RichText from '@/components/RichText'
+import type { DefaultTypedEditorState } from '@payloadcms/richtext-lexical'
 
 import type { Post } from '@/payload-types'
 
@@ -62,7 +63,11 @@ export default async function Post({ params: paramsPromise }: Args) {
 
       <div className="flex flex-col items-center gap-4 pt-8">
         <div className="container">
-          <RichText className="max-w-[48rem] mx-auto" data={post.content} enableGutter={false} />
+          <RichText
+            className="max-w-[48rem] mx-auto"
+            data={post.content as DefaultTypedEditorState}
+            enableGutter={false}
+          />
           {post.relatedPosts && post.relatedPosts.length > 0 && (
             <RelatedPosts
               className="mt-12 max-w-[52rem] lg:grid lg:grid-cols-subgrid col-start-1 col-span-3 grid-rows-[2fr]"