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]>
52 lines
1.2 KiB
JavaScript
52 lines
1.2 KiB
JavaScript
import Link from 'next/link'
|
|
import { useRouter } from 'next/router'
|
|
import { useEffect } from 'react'
|
|
|
|
export default function Page(props) {
|
|
const router = useRouter()
|
|
|
|
useEffect(() => {
|
|
window.hashChangeStart = 'no'
|
|
window.hashChangeComplete = 'no'
|
|
const hashChangeStart = () => {
|
|
window.hashChangeStart = 'yes'
|
|
}
|
|
const hashChangeComplete = () => {
|
|
window.hashChangeComplete = 'yes'
|
|
}
|
|
|
|
router.events.on('hashChangeStart', hashChangeStart)
|
|
router.events.on('hashChangeComplete', hashChangeComplete)
|
|
|
|
return () => {
|
|
router.events.off('hashChangeStart', hashChangeStart)
|
|
router.events.off('hashChangeComplete', hashChangeComplete)
|
|
}
|
|
}, [router.events])
|
|
|
|
return (
|
|
<>
|
|
<p id="props-locale">{props.locale}</p>
|
|
<p id="router-locale">{router.locale}</p>
|
|
<Link
|
|
href={{ pathname: router.pathname, query: router.query, hash: '#hash' }}
|
|
locale={router.locale === 'fr' ? 'en' : 'fr'}
|
|
id="change-locale"
|
|
>
|
|
Change Locale
|
|
</Link>
|
|
<Link href={{ hash: '#newhash' }} id="hash-change">
|
|
Hash Change
|
|
</Link>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export const getStaticProps = async ({ locale }) => {
|
|
return {
|
|
props: {
|
|
locale,
|
|
},
|
|
}
|
|
}
|