fixed errors on /app/articles/app/page and added types

Author: petercr

app/(app)/articles/[slug]/page.tsx

@@ -14,7 +14,7 @@ import ArticleAdminPanel from "@/components/ArticleAdminPanel/ArticleAdminPanel"
 import { type Metadata } from "next";
 import { getPost } from "@/server/lib/posts";
 import { getCamelCaseFromLower } from "@/utils/utils";
-import { generateHTML } from "@tiptap/html";
+import { generateHTML } from "@tiptap/core";
 import { TiptapExtensions } from "@/components/editor/editor/extensions";
 import DOMPurify from "isomorphic-dompurify";
 import type { JSONContent } from "@tiptap/core";
@@ -119,11 +119,15 @@ const ArticlePage = async ({ params }: Props) => {
 
           {isTiptapContent ? (
             <div
-              dangerouslySetInnerHTML={{ __html: renderedContent }}
+              dangerouslySetInnerHTML={{ __html: renderedContent ?? "" }}
               className="tiptap-content"
             />
           ) : (
-            <div>{renderedContent}</div>
+            <div>
+              {Markdoc.renderers.react(renderedContent, React, {
+                components: markdocComponents,
+              })}
+            </div>
           )}
         </article>
         {post.tags.length > 0 && (

package-lock.json

@@ -117,6 +117,7 @@
     "@svgr/webpack": "^8.1.0",
     "@tailwindcss/typography": "^0.5.13",
     "@types/chance": "^1.1.6",
+    "@types/dompurify": "^3.0.5",
     "@types/node": "^22.7.5",
     "@types/nodemailer": "^6.4.15",
     "@types/pg": "^8.11.5",