Commit f5e816b672 for woocommerce
commit f5e816b672cf1a8745ad4ad020861f4ce8e7f122
Author: Kathy <507025+helgatheviking@users.noreply.github.com>
Date: Mon Nov 3 06:29:47 2025 -0500
Use reload page util in Cart/Checkout block error boundaries (#61498)
diff --git a/plugins/woocommerce/changelog/issues-53248-javascript-url-event-handler b/plugins/woocommerce/changelog/issues-53248-javascript-url-event-handler
new file mode 100644
index 0000000000..0c95fa045a
--- /dev/null
+++ b/plugins/woocommerce/changelog/issues-53248-javascript-url-event-handler
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Use event handler to reload page, eliminates deprecated warning in checkout block.
diff --git a/plugins/woocommerce/client/blocks/assets/js/blocks/cart/block.js b/plugins/woocommerce/client/blocks/assets/js/blocks/cart/block.js
index 001f782b59..178f0603c7 100644
--- a/plugins/woocommerce/client/blocks/assets/js/blocks/cart/block.js
+++ b/plugins/woocommerce/client/blocks/assets/js/blocks/cart/block.js
@@ -14,6 +14,7 @@ import {
} from '@woocommerce/base-context';
import { SlotFillProvider } from '@woocommerce/blocks-checkout';
import { StoreNoticesContainer } from '@woocommerce/blocks-components';
+import { reloadPage } from '@woocommerce/blocks/checkout/utils';
/**
* Internal dependencies
@@ -21,8 +22,6 @@ import { StoreNoticesContainer } from '@woocommerce/blocks-components';
import { CartBlockContext } from './context';
import './style.scss';
-const reloadPage = () => void window.location.reload( true );
-
const Cart = ( { children, attributes = {} } ) => {
const { hasDarkControls } = attributes;
diff --git a/plugins/woocommerce/client/blocks/assets/js/blocks/checkout/checkout-order-error/index.tsx b/plugins/woocommerce/client/blocks/assets/js/blocks/checkout/checkout-order-error/index.tsx
index 572b88c5ad..0ef8bcaa8f 100644
--- a/plugins/woocommerce/client/blocks/assets/js/blocks/checkout/checkout-order-error/index.tsx
+++ b/plugins/woocommerce/client/blocks/assets/js/blocks/checkout/checkout-order-error/index.tsx
@@ -8,6 +8,7 @@ import { Icon } from '@wordpress/icons';
import { getSetting } from '@woocommerce/settings';
import { decodeEntities } from '@wordpress/html-entities';
import { CheckoutResponse } from '@woocommerce/types';
+import { reloadPage } from '@woocommerce/blocks/checkout/utils';
/**
* Internal dependencies
@@ -114,7 +115,7 @@ const ErrorButton = ( { errorData }: ErrorComponentProps ) => {
) : (
<button
className="wp-block-button__link"
- onClick={ () => window.location.reload() }
+ onClick={ reloadPage }
>
{ buttonText }
</button>
diff --git a/plugins/woocommerce/client/blocks/assets/js/blocks/checkout/utils.ts b/plugins/woocommerce/client/blocks/assets/js/blocks/checkout/utils.ts
index 087849ea41..3e11d58c35 100644
--- a/plugins/woocommerce/client/blocks/assets/js/blocks/checkout/utils.ts
+++ b/plugins/woocommerce/client/blocks/assets/js/blocks/checkout/utils.ts
@@ -124,4 +124,4 @@ export const formatAddress = (
return { name: parsedName, address: addressParts };
};
-export const reloadPage = (): void => void window.location.reload( true );
+export const reloadPage = (): void => void window.location.reload();