mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
JJ KasperandGitHub
38e62069fa
This ensures we properly set the request meta during our middleware invoke so that the `NoFallbackError` bubbling is handled properly. Without these fields set we bubble the error unexpectedly causing an unexpected 500 instead of a 404. x-ref: https://github.com/vercel/next.js/pull/66987 Closes: https://github.com/vercel/next.js/issues/69428
54 lines
1.1 KiB
JavaScript
54 lines
1.1 KiB
JavaScript
import { useRouter } from 'next/router'
|
|
import { useEffect } from 'react'
|
|
import { useState } from 'react'
|
|
|
|
export default function Page(props) {
|
|
const router = useRouter()
|
|
const [asPath, setAsPath] = useState(
|
|
router.isReady ? router.asPath : router.href
|
|
)
|
|
|
|
if (!props.params) {
|
|
console.error('props', props)
|
|
throw new Error('missing props!!!')
|
|
}
|
|
|
|
useEffect(() => {
|
|
if (router.isReady) {
|
|
setAsPath(router.asPath)
|
|
}
|
|
}, [router.asPath, router.isReady])
|
|
|
|
return (
|
|
<>
|
|
<p id="ssg">/blog/[slug]</p>
|
|
<p id="query">{JSON.stringify(router.query)}</p>
|
|
<p id="pathname">{router.pathname}</p>
|
|
<p id="as-path">{asPath}</p>
|
|
<p id="props">{JSON.stringify(props)}</p>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export function getStaticProps({ params }) {
|
|
if (params.slug.includes('not-found')) {
|
|
return {
|
|
notFound: true,
|
|
}
|
|
}
|
|
|
|
return {
|
|
props: {
|
|
now: Date.now(),
|
|
params,
|
|
},
|
|
}
|
|
}
|
|
|
|
export function getStaticPaths() {
|
|
return {
|
|
paths: ['/ssg-fallback-false/first', '/ssg-fallback-false/hello'],
|
|
fallback: false,
|
|
}
|
|
}
|