NextJS Image component does not work in Stackblitz

[basarat]

Describe the bug

Example:
https://stackblitz.com/github/basarat/course-nextjs/tree/main/lessons/image_static?file=src%2Fapp%2Fbasic%2Fpage.tsx

• The image is not displayed in the browser
• The developer terminal (next dev) shows an error

The same example works locally

Link to the blitz that caused the error

https://stackblitz.com/github/basarat/course-nextjs/tree/main/lessons/image_static?file=src%2Fapp%2Fpriority%2Fpage.tsx

Steps to reproduce

1. Open the example basic
2. View the error as shown

Expected behavior

The image should be displayed as it does locally:

Parity with Local

• I have run the project in my local machine and I could not reproduce the issue.

Screenshots

No response

Platform

Browser name  = Chrome
Full version  = 133.0.0.0
Major version = 133
navigator.appName = Netscape
navigator.userAgent = Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Safari/537.36
performance.memory = {
  "totalJSHeapSize": 149688097,
  "usedJSHeapSize": 104439773,
  "jsHeapSizeLimit": 4294705152
}
Hash = 7f809d15

Additional context

No response

[basarat]

For SEO, the error is "TypeError: Unknown encoding: base64url"