diff --git a/packages/next/client/image.tsx b/packages/next/client/image.tsx index a634db7a22dd836..a0632eda2354b34 100644 --- a/packages/next/client/image.tsx +++ b/packages/next/client/image.tsx @@ -61,6 +61,13 @@ type OnLoadingComplete = (result: { type ImgElementStyle = NonNullable +export interface StaticImageData { + src: string + height: number + width: number + blurDataURL?: string +} + interface StaticRequire { default: StaticImageData } diff --git a/packages/next/image-types/global.d.ts b/packages/next/image-types/global.d.ts index 1a1c9642b8b3602..4c5a72d84bb76fb 100644 --- a/packages/next/image-types/global.d.ts +++ b/packages/next/image-types/global.d.ts @@ -1,15 +1,8 @@ // this file is conditionally added/removed to next-env.d.ts // if the static image import handling is enabled -interface StaticImageData { - src: string - height: number - width: number - blurDataURL?: string -} - declare module '*.png' { - const content: StaticImageData + const content: import('../dist/client/image').StaticImageData export default content } @@ -26,43 +19,43 @@ declare module '*.svg' { } declare module '*.jpg' { - const content: StaticImageData + const content: import('../dist/client/image').StaticImageData export default content } declare module '*.jpeg' { - const content: StaticImageData + const content: import('../dist/client/image').StaticImageData export default content } declare module '*.gif' { - const content: StaticImageData + const content: import('../dist/client/image').StaticImageData export default content } declare module '*.webp' { - const content: StaticImageData + const content: import('../dist/client/image').StaticImageData export default content } declare module '*.avif' { - const content: StaticImageData + const content: import('../dist/client/image').StaticImageData export default content } declare module '*.ico' { - const content: StaticImageData + const content: import('../dist/client/image').StaticImageData export default content } declare module '*.bmp' { - const content: StaticImageData + const content: import('../dist/client/image').StaticImageData export default content } diff --git a/packages/next/tsconfig.json b/packages/next/tsconfig.json index ddcf7c62d2f93c7..05eb6a32cc15c2a 100644 --- a/packages/next/tsconfig.json +++ b/packages/next/tsconfig.json @@ -7,5 +7,5 @@ "moduleResolution": "node", "jsx": "react" }, - "exclude": ["dist", "./*.d.ts"] + "exclude": ["dist", "./*.d.ts", "image-types/global.d.ts"] }