feat(typescript): prop type is Partial<ImageProps>

farbenmeer · Sep 21, 2021 · a6050a7 · a6050a7
1 parent 27cd51f
commit a6050a7
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/index.tsx b/src/index.tsx
@@ -1,13 +1,20 @@
 import Image, { ImageProps } from "next/image";
 import React from "react";
 
-export default function NextImageFromFile(props: ImageProps) {
+export type NextImageFromFileProps = Partial<ImageProps> &
+  Pick<ImageProps, "src">;
+
+function isImageProps(props: NextImageFromFileProps): props is ImageProps {
+  return typeof props.src !== "string" || !!(props.width && props.height);
+}
+
+export default function NextImageFromFile(props: NextImageFromFileProps) {
   const [image, setImage] = React.useState<null | {
     width: number;
     height: number;
   }>(null);
 
-  if (typeof props.src !== "string" || (props.width && props.height)) {
+  if (isImageProps(props)) {
     return <Image {...props} unoptimized />;
   }