🐛

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

2021/06/16に公開約600字

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

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