Bug #59571: avoid redundant syncing of shipping address values

Author: JerrySmidt

build/shipping-address-autocomplete-intl-frontend.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wc-blocks-checkout', 'wc-blocks-components', 'wc-blocks-data-store', 'wc-settings', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => '5b3237eb895ec83977a0');
+<?php return array('dependencies' => array('react', 'wc-blocks-checkout', 'wc-blocks-components', 'wc-blocks-data-store', 'wc-settings', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => '72170622d316abefb7e2');

build/shipping-address-autocomplete-intl-frontend.js

@@ -1,5 +1,5 @@
 import { useSelect, useDispatch } from '@wordpress/data';
-import { useEffect } from '@wordpress/element';
+import { useCallback } from '@wordpress/element';
 import { CART_STORE_KEY } from '@woocommerce/block-data';
 import { CHECKOUT_STORE_KEY } from '@woocommerce/block-data';
 import AutocompleteContainer from '../../components/address-autocomplete-intl/container';
@@ -9,19 +9,24 @@ const Block = () => {
 		{shippingAddress} = useSelect(select => select(CART_STORE_KEY).getCustomerData(), []),
 		{setShippingAddress, setBillingAddress} = useDispatch(CART_STORE_KEY);
 
-	useEffect(() => {
-		if (useShippingAsBilling)
-		{
-			// Billing address needs to be synced with shipping address after calling `setShippingAddress`.
-			setBillingAddress({...shippingAddress});
-		}
-	}, [shippingAddress]);
+	const setAddress = useCallback(
+		(values) => {
+			setShippingAddress(values);
+
+			if (useShippingAsBilling)
+			{
+				// Billing address needs to be synced with shipping address after calling `setShippingAddress`.
+				setBillingAddress({...values});
+			}
+		},
+		[useShippingAsBilling, setShippingAddress, setBillingAddress]
+	);
 
 	return (
 		<AutocompleteContainer
 			addressType="shipping"
 			address={shippingAddress}
-			setAddress={setShippingAddress}
+			setAddress={setAddress}
 		/>
 	)