Summary
Images on https://es.react.dev/learn/tutorial-tic-tac-toe fail to load due to INVALID_IMAGE_OPTIMIZE_REQUEST, while http://react.dev/learn/tutorial-tic-tac-toe (English) works fine.
Page
https://es.react.dev/learn/tutorial-tic-tac-toe
Details
Steps to reproduce:
- Go to https://es.react.dev/learn (or any tutorial page).
- Open DevTools → Network → Img.
- Observe that requests to /_next/image?... return 400 INVALID_IMAGE_OPTIMIZE_REQUEST.
Console / Network output:
Failed to load resource: the server responded with a status of 400
X-Vercel-Error: INVALID_IMAGE_OPTIMIZE_REQUEST
Status Code: 400 Bad Request
:path ./_next/image?url=%2Fimages%2Ftutorial%2Freact-starter-code-codesandbox.png&w=1920&q=75
Expected behavior:
Images should load normally, just like on the English version (https://react.dev).
Additional notes:
It seems to be a misconfiguration in the Next.js/Vercel setup for localized builds.