mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
f260328900
- 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]>
50 lines
964 B
JavaScript
50 lines
964 B
JavaScript
import { useState, useEffect } from 'react'
|
|
import Link from 'next/link'
|
|
import { useRouter } from 'next/router'
|
|
|
|
const Page = ({ id }) => {
|
|
const router = useRouter()
|
|
const [ready, setReady] = useState(false)
|
|
useEffect(() => {
|
|
router.events.on('routeChangeComplete', () => {
|
|
setReady(true)
|
|
})
|
|
}, [router, ready, setReady])
|
|
|
|
return (
|
|
<>
|
|
<div
|
|
style={{
|
|
width: 10000,
|
|
height: 10000,
|
|
background: 'blue',
|
|
}}
|
|
/>
|
|
<p>{ready ? 'routeChangeComplete' : 'loading'}</p>
|
|
<Link
|
|
href={`/${id + 1}`}
|
|
id="link"
|
|
style={{
|
|
marginLeft: 5000,
|
|
width: 95000,
|
|
display: 'block',
|
|
}}
|
|
>
|
|
next page
|
|
</Link>
|
|
<div id="end-el">hello, world</div>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default Page
|
|
|
|
export const getServerSideProps = (context) => {
|
|
const { id = 0 } = context.query
|
|
return {
|
|
props: {
|
|
id,
|
|
},
|
|
}
|
|
}
|