diff --git a/src/app/@blogpost/(.)blog/[id]/page.tsx b/src/app/@blogpost/(.)blog/[id]/page.tsx
index 7d0ce82..a58a7b3 100644
--- a/src/app/@blogpost/(.)blog/[id]/page.tsx
+++ b/src/app/@blogpost/(.)blog/[id]/page.tsx
@@ -87,17 +87,20 @@ export default function BlogPostModal({
                 {
                   code: CodeBlock,
                   img: ({ ...props }) => {
-                    const { width, height } = props.src.match(
-                      /(?<width>\d+)x(?<height>\d+)/
-                    ).groups;
-                    return (
-                      <Image
-                        src={props.src}
-                        alt={props.alt}
-                        width={width}
-                        height={height}
-                      />
-                    );
+                    const r = props.src.match(/(?<width>\d+)x(?<height>\d+)/);
+                    if (r && r.groups) {
+                      return (
+                        <Image
+                          src={props.src}
+                          alt={props.alt}
+                          width={r?.groups.width}
+                          height={r?.groups.height}
+                        />
+                      );
+                    } else {
+                      // fallback to normal img
+                      return <img {...props} />;
+                    }
                   },
                 } as any
               }
diff --git a/src/app/@project/(.)projects/[id]/page.tsx b/src/app/@project/(.)projects/[id]/page.tsx
index 413cf10..32454f7 100644
--- a/src/app/@project/(.)projects/[id]/page.tsx
+++ b/src/app/@project/(.)projects/[id]/page.tsx
@@ -87,17 +87,20 @@ export default function ProjectModal({
                 {
                   code: CodeBlock,
                   img: ({ ...props }) => {
-                    const { width, height } = props.src.match(
-                      /(?<width>\d+)x(?<height>\d+)/
-                    ).groups;
-                    return (
-                      <Image
-                        src={props.src}
-                        alt={props.alt}
-                        width={width}
-                        height={height}
-                      />
-                    );
+                    const r = props.src.match(/(?<width>\d+)x(?<height>\d+)/);
+                    if (r && r.groups) {
+                      return (
+                        <Image
+                          src={props.src}
+                          alt={props.alt}
+                          width={r?.groups.width}
+                          height={r?.groups.height}
+                        />
+                      );
+                    } else {
+                      // fallback to normal img
+                      return <img {...props} />;
+                    }
                   },
                 } as any
               }
diff --git a/src/app/blog/[id]/page.tsx b/src/app/blog/[id]/page.tsx
index 0e6ec56..2d2cb01 100644
--- a/src/app/blog/[id]/page.tsx
+++ b/src/app/blog/[id]/page.tsx
@@ -65,17 +65,20 @@ export default async function Page({
             {
               code: CodeBlock,
               img: ({ ...props }) => {
-                const { width, height } = props.src.match(
-                  /(?<width>\d+)x(?<height>\d+)/
-                ).groups;
-                return (
-                  <Image
-                    src={props.src}
-                    alt={props.alt}
-                    width={width}
-                    height={height}
-                  />
-                );
+                const r = props.src.match(/(?<width>\d+)x(?<height>\d+)/);
+                if (r && r.groups) {
+                  return (
+                    <Image
+                      src={props.src}
+                      alt={props.alt}
+                      width={r?.groups.width}
+                      height={r?.groups.height}
+                    />
+                  );
+                } else {
+                  // fallback to normal img
+                  return <img {...props} />;
+                }
               },
             } as any
           }
diff --git a/src/app/projects/[id]/page.tsx b/src/app/projects/[id]/page.tsx
index 7f59fbf..89dafe6 100644
--- a/src/app/projects/[id]/page.tsx
+++ b/src/app/projects/[id]/page.tsx
@@ -64,17 +64,20 @@ export default async function Page({
             {
               code: CodeBlock,
               img: ({ ...props }) => {
-                const { width, height } = props.src.match(
-                  /(?<width>\d+)x(?<height>\d+)/
-                ).groups;
-                return (
-                  <Image
-                    src={props.src}
-                    alt={props.alt}
-                    width={width}
-                    height={height}
-                  />
-                );
+                const r = props.src.match(/(?<width>\d+)x(?<height>\d+)/);
+                if (r && r.groups) {
+                  return (
+                    <Image
+                      src={props.src}
+                      alt={props.alt}
+                      width={r?.groups.width}
+                      height={r?.groups.height}
+                    />
+                  );
+                } else {
+                  // fallback to normal img
+                  return <img {...props} />;
+                }
               },
             } as any
           }