我有一个结帐页面，我想导航到主页一旦付款成功。目前，我已经使用此代码导航到主页，但它不导航预期。

data = await createOrder(); //Calls the backend route for creating order.
    console.log("DATA");
    console.log(data);
    const res = loadScript("https://checkout.razorpay.com/v1/checkout.js");
    if (!data) {
      toast.error("Please check if you are online");
      return;
    }
    if (!res) {
      toast.error("Razorpay failed to load");
      return;
    } else {
      const options = {
        key: <RAZORPAY_KEY>,
        amount: price,
        currency: "INR",
        name: "Merchant",
        description: "Complete Transaction",
        order_id: data.order_id,
        prefill: {
          name: checkout.name,
          email: checkout.email,
          contact: checkout.phone,
        },
      };

      const rzp = new Razorpay(options);
      rzp.on("payment.captured", (_) => {
        toast.success("Order Placed Successfully");
        cart[1]([]);
        router.push("/");
      });
      rzp.open();

这里使用的Razorpay密钥是一个测试密钥，我不确定这是否是代码不工作的原因。