fixed errors on /app/articles/app/page.tsx and added types for isomorphic-dompurify (#1179)

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

* Imported <NotFound /> and replace empty string eorr with it.

Author: petercr

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

@@ -14,10 +14,11 @@ 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";
+import NotFound from "@/components/NotFound/NotFound";
 
 type Props = { params: { slug: string } };
 
@@ -119,11 +120,17 @@ const ArticlePage = async ({ params }: Props) => {
 
           {isTiptapContent ? (
             <div
-              dangerouslySetInnerHTML={{ __html: renderedContent }}
+              dangerouslySetInnerHTML={{
+                __html: renderedContent ?? <NotFound />,
+              }}
               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",