🐛

【Next.js】SSRでrouter.queryがundefined

1 min read

next@10.2.0

SSRでrouter.queryがundefined

https://github.com/vercel/next.js/discussions/11484

対応方法としては、useEffectで値がないときにreturnするという回避方法になりそうです。

import router from 'next/router';


const Component = () => {
  const {id} = router.query
  
  useEffect(() => {
    if(!id) {
      return;
    }
    const fetchSomethingById = async () => {
      const response = await fetch(`/api/v1/something/${id}`)
    }
    fetchSomethingById()
  }, [id])

return (
     <div>
          stuff
     </div>
  )
}

https://github.com/vercel/next.js/discussions/11484#discussioncomment-321340
https://zenn.dev/tronperidot/articles/c1dc86c634cbc30b3a3d

Discussion

ログインするとコメントできます