Files
f260328900 BREAKING CHANGE: Enable newNextLinkBehavior (#41459)
- Enable newNextLinkBehavior. See #36436 
- Run next/link codemod on test suite

Note that from when this lands on apps trying canary will need to run
the new-link codemod in order to upgrade.
Ideally we have to detect `<a>` while rendering the new link and warn
for it.

Co-authored-by: Steven <[email protected]>
2022-10-17 21:20:28 -04:00

52 lines
1019 B
JavaScript

import Link from 'next/link'
const Home = () => (
<div>
<Link
href="/single/[slug]"
as={encodeURI('/single/hello world ')}
id="single-spaces"
>
Single: Spaces
</Link>
<br />
<Link
href="/single/[slug]"
as={encodeURI('/single/hello%world')}
id="single-percent"
>
Single: Percent
</Link>
<br />
<Link
href="/single/[slug]"
as={`/single/hello${encodeURIComponent('/')}world`}
id="single-slash"
>
Single: Forward Slash
</Link>
<br />
<Link
href="/single/[slug]"
as={`/single/hello${encodeURIComponent('"')}world`}
id="single-double-quote"
>
Single: "
</Link>
<br />
<Link
href="/single/[slug]"
as={`/single/hello${encodeURIComponent(':')}world`}
id="single-colon"
>
Single: :
</Link>
<br />
<Link href="/query?id=http://example.com/" id="url-param">
Url query param
</Link>
</div>
)
export default Home