mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
StevenandGitHub
f169b08901
BREAKING CHANGE: Using the built-in image optimization API, the URL is parsed with `new URL()` constructor which automatically trims spaces. However, the developer may choose a 3rd party image optimization API via `loader` or `loaderFile` (or perhaps a deployment platform that has its own built in loader), so we shouldn't assume the API will parse the URL in the same way as [WHATWG](https://url.spec.whatwg.org/#:~:text=If%20input%20contains%20any%20leading%20or%20trailing%20C0%20control%20or%20space%2C%20invalid%2DURL%2Dunit%20validation%20error.). While we could trim on the client, its probably best to fail fast and let the developer make a conscience decision if a trailing space should be removed or remain (by explicitly using `%20`).
12 lines
234 B
JavaScript
12 lines
234 B
JavaScript
import React from 'react'
|
|
import Image from 'next/image'
|
|
|
|
export default function Page() {
|
|
return (
|
|
<div>
|
|
<h2>Invalid src with trailing space</h2>
|
|
<Image src="/test.png " width={200} height={200} />
|
|
</div>
|
|
)
|
|
}
|