diff --git a/create-snowpack-app/app-template-blank-typescript/types/static.d.ts b/create-snowpack-app/app-template-blank-typescript/types/static.d.ts
index a81b1be4e7..bfe9a8fb0c 100644
--- a/create-snowpack-app/app-template-blank-typescript/types/static.d.ts
+++ b/create-snowpack-app/app-template-blank-typescript/types/static.d.ts
@@ -30,3 +30,7 @@ declare module '*.webp' {
   const ref: string;
   export default ref;
 }
+declare module '*.avif' {
+  const ref: string;
+  export default ref;
+}
diff --git a/create-snowpack-app/app-template-lit-element-typescript/types/static.d.ts b/create-snowpack-app/app-template-lit-element-typescript/types/static.d.ts
index a81b1be4e7..bfe9a8fb0c 100644
--- a/create-snowpack-app/app-template-lit-element-typescript/types/static.d.ts
+++ b/create-snowpack-app/app-template-lit-element-typescript/types/static.d.ts
@@ -30,3 +30,7 @@ declare module '*.webp' {
   const ref: string;
   export default ref;
 }
+declare module '*.avif' {
+  const ref: string;
+  export default ref;
+}
diff --git a/create-snowpack-app/app-template-react-typescript/types/static.d.ts b/create-snowpack-app/app-template-react-typescript/types/static.d.ts
index a81b1be4e7..bfe9a8fb0c 100644
--- a/create-snowpack-app/app-template-react-typescript/types/static.d.ts
+++ b/create-snowpack-app/app-template-react-typescript/types/static.d.ts
@@ -30,3 +30,7 @@ declare module '*.webp' {
   const ref: string;
   export default ref;
 }
+declare module '*.avif' {
+  const ref: string;
+  export default ref;
+}
diff --git a/create-snowpack-app/app-template-svelte-typescript/types/static.d.ts b/create-snowpack-app/app-template-svelte-typescript/types/static.d.ts
index a81b1be4e7..bfe9a8fb0c 100644
--- a/create-snowpack-app/app-template-svelte-typescript/types/static.d.ts
+++ b/create-snowpack-app/app-template-svelte-typescript/types/static.d.ts
@@ -30,3 +30,7 @@ declare module '*.webp' {
   const ref: string;
   export default ref;
 }
+declare module '*.avif' {
+  const ref: string;
+  export default ref;
+}