🐛
【Next.js】SSRでrouter.queryがundefined
next@10.2.0
SSR で router.query が undefined
対応方法としては、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>;
};
Discussion