fix Image

Author: VasilyStrelyaev

packages/devextreme-cli/src/templates/nextjs/application/next.config.mjs

@@ -24,6 +24,9 @@ const nextConfig = {
       },
     ]
   },
+  images: {
+    remotePatterns: [new URL('https://js.devexpress.com/**')]
+  },
 }
 
 export default nextConfig;

packages/devextreme-cli/src/templates/nextjs/sample-pages/profile/page.tsx

@@ -28,10 +28,12 @@ export default function Page() {
       <div className={'content-block dx-card responsive-paddings'}>
         <div className={'form-avatar'}>
           <Image
-            alt={''}
+            alt={'Employee avatar'}
             src={`https://js.devexpress.com/Demos/WidgetsGallery/JSDemos/${
               employee.Picture
             }`}
+            width={93.5}
+            height={120}
           />
         </div>
         <span>{notes}</span>