fix: prevent <PrismicNextImage> "Element type is invalid" error (#79)

* fix: prevent `<PrismicNextImage>` "Element type is invalid" error * fix: compat with TypeScript < 4.9 * fix: actual fix for TypeScript < 4.9
prismicio · Jul 5, 2023 · f002052 · f002052
1 parent 186d1b3
commit f002052
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/PrismicNextImage.tsx b/src/PrismicNextImage.tsx
@@ -142,8 +142,16 @@ export const PrismicNextImage = ({
 			);
 		}
 
+		// TODO: Remove once https://github.com/vercel/next.js/issues/52216 is resolved.
+		// `next/image` seems to be affected by a default + named export bundling bug.
+		let ResolvedImage = Image;
+		if ("default" in ResolvedImage) {
+			ResolvedImage = (ResolvedImage as unknown as { default: typeof Image })
+				.default;
+		}
+
 		return (
-			<Image
+			<ResolvedImage
 				src={src}
 				width={fill ? undefined : resolvedWidth}
 				height={fill ? undefined : resolvedHeight}