From d3d1b8e56b2a91cbf73ba2145c445f5a50214ad8 Mon Sep 17 00:00:00 2001
From: Jonas List <Jonas.List.1289@gmail.com>
Date: Mon, 14 Apr 2025 22:25:19 +0200
Subject: [PATCH] Updated img component and added lint script

---
 package.json                        | 3 ++-
 src/app/(docs)/[[...slug]]/page.tsx | 8 +++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 9b2af86..08724fa 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,8 @@
     "build": "next build",
     "dev": "next dev",
     "start": "next start",
-    "postinstall": "fumadocs-mdx"
+    "postinstall": "fumadocs-mdx",
+    "lint": "next lint"
   },
   "dependencies": {
     "@theguild/remark-mermaid": "^0.3.0",
diff --git a/src/app/(docs)/[[...slug]]/page.tsx b/src/app/(docs)/[[...slug]]/page.tsx
index 9b03efa..8aeb24b 100644
--- a/src/app/(docs)/[[...slug]]/page.tsx
+++ b/src/app/(docs)/[[...slug]]/page.tsx
@@ -29,9 +29,11 @@ export default async function Page(props: {
           components={{
             ...defaultMdxComponents,
             a: createRelativeLink(source, page),
-            img: (props: React.ImgHTMLAttributes<HTMLImageElement>) => (
-              <ImageZoom {...props} />
-            ),
+            img: (props: React.ImgHTMLAttributes<HTMLImageElement>) => {
+              const { src, ...rest } = props;
+              if (typeof src !== "string") return null;
+              return <ImageZoom src={src} {...rest} />;
+            },
             pre: (props) => (
               <CodeBlock {...props}>
                 <Pre>{props.children}</Pre>