diff --git a/examples/image-component/next.config.js b/examples/image-component/next.config.js
index a2abb2bc484e699..a57d881555324e4 100644
--- a/examples/image-component/next.config.js
+++ b/examples/image-component/next.config.js
@@ -1,5 +1,6 @@
 module.exports = {
   images: {
     domains: ['assets.vercel.com'],
+    formats: ['image/avif', 'image/webp'],
   },
 }