next-mdx-remote v4 (#737)

components/Image/Image.tsx

@@ -0,0 +1,21 @@
+import NextImage from "next/image";
+import type { ImageProps as NextImageProps } from "next/image";
+
+const Image = ({ src, width, height, alt, quality, priority }: NextImageProps) => {
+  return (
+    <div className="image_wrapper">
+      <NextImage
+        src={(src as string).replace(/^\/public/g, "")}
+        layout="intrinsic"
+        width={width}
+        height={height}
+        alt={alt || ""}
+        quality={quality || 65}
+        loading={priority ? "eager" : "lazy"}
+        priority={!!priority}
+      />
+    </div>
+  );
+};
+
+export default Image;