queries gone when refresh the page when using router.push and "as"

Question

 router.push(
        {
          pathname: "/pages/service-request/",
          query: { service: serviceId, city: city,order:orderRes.id,orderservice:res.id },
        },
        "/pages/service-request/"
      ); 

component b: 

export default function ServiceRequest() {
const router = useRouter();
let { service, city, order, orderservice } = router.query;
useEffect(() => {
if (!router.isReady) {
  return;
}
}, [router.isReady]);
return (
<div>
  {orderservice && (
    <Manage
      orderServiceId={orderservice}
      order={order}
      city={city}
      serviceId={service}
    />
  )}
</div> 
);
}

expect when refresh the page can access the queries fgdfghgfhgh fgfdghdthgfjf fd

expect when refresh the page can access the queries