Updated img component and added lint script

Author: list-jonas

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

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>