fix(image): adjust image types for lazy loading

gerdesque · Jun 30, 2020 · 7397ff4 · 7397ff4
1 parent 6723fee
commit 7397ff4
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 7 deletions.
diff --git a/libs/ui/@types/image.d.ts b/libs/ui/@types/image.d.ts
@@ -0,0 +1,7 @@
+import 'react'
+
+declare module 'react' {
+  interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
+    loading?: 'lazy' | 'eager' | 'auto';
+  }
+}
diff --git a/libs/ui/src/lib/image/image.tsx b/libs/ui/src/lib/image/image.tsx
@@ -9,12 +9,6 @@ export interface ImageProps {
   option?: string
 }
 
-declare module "react" {
-  interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
-    loading?: "auto" | "eager" | "lazy";
-  }
-}
-
 export const Image = (props: ImageProps) => {
   const [character, setCharacter] = useContext(AppContext);
 

diff --git a/libs/ui/tsconfig.json b/libs/ui/tsconfig.json
@@ -5,7 +5,7 @@
     "allowJs": true,
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
-    "types": ["node", "jest"]
+    "types": ["node", "jest", "@types/**"]
   },
   "files": [
     "../../node_modules/@nrwl/react/typings/cssmodule.d.ts",