Set return types to JSX.Element

assets/js/base/components/cart-checkout/shipping-calculator/address.tsx

@@ -23,7 +23,7 @@ const ShippingCalculatorAddress = ( {
 	address: initialAddress,
 	onUpdate,
 	addressFields,
-}: ShippingCalculatorAddressProps ) => {
+}: ShippingCalculatorAddressProps ): JSX.Element => {
 	const [ address, setAddress ] = useState( initialAddress );
 	const {
 		hasValidationErrors,

assets/js/base/components/cart-checkout/shipping-calculator/index.tsx

@@ -1,7 +1,6 @@
 /**
  * External dependencies
  */
-import PropTypes from 'prop-types';
 import { useShippingDataContext } from '@woocommerce/base-context';
 import type { Address } from '@woocommerce/type-defs/customer';
 
@@ -21,7 +20,7 @@ const ShippingCalculator = ( {
 		/* Do nothing */
 	},
 	addressFields = [ 'country', 'state', 'city', 'postcode' ],
-}: ShippingCalculatorProps ) => {
+}: ShippingCalculatorProps ): JSX.Element => {
 	const { shippingAddress, setShippingAddress } = useShippingDataContext();
 	return (
 		<div className="wc-block-components-shipping-calculator">

assets/js/base/components/cart-checkout/shipping-location/index.tsx

@@ -16,7 +16,9 @@ interface ShippingLocationProps {
  * @param {Object} props Incoming props for the component.
  * @param {Object} props.address Incoming address information.
  */
-const ShippingLocation = ( { address }: ShippingLocationProps ) => {
+const ShippingLocation = ( {
+	address,
+}: ShippingLocationProps ): JSX.Element | null => {
 	// we bail early if we don't have an address.
 	if ( Object.values( address ).length === 0 ) {
 		return null;

assets/js/base/components/cart-checkout/shipping-rates-control/index.tsx

@@ -101,7 +101,7 @@ const ShippingRatesControl = ( {
 	collapsible = false,
 	noResultsMessage,
 	renderOption,
-}: ShippingRatesControlProps ) => {
+}: ShippingRatesControlProps ): JSX.Element => {
 	useEffect( () => {
 		if ( shippingRatesLoading ) {
 			return;