Puede usar .reduce((accumulator, item) -> newAccumulator, initialValue) para calcular la suma de sus artículos.

Para tus pallets podrías conseguirlo así

 const sum = pallets.reduce((acc, pallet) => acc + (+pallet.cargoValue), 0)

Debido a que su cargoValue es una string , debe convertirlo en un number con +pallet.cargoValue antes de agregarlo al acumulador acc , de lo contrario, realizará una concatenación de cadenas en lugar de una suma de números.

 <div> {booking?.pallets.reduce((acc, pallet) => acc + (+pallet.cargoValue), 0)} </div>

Prueba esto

 <div>{booking?.pallets.reduce((val:number, pallet: any) => ( val + pallet.cargoValue )),0} </div>