Fix useForcedLayout to re-select inner blocks after we manually ins…

…ert one (woocommerce#6676)

* Track most recent inner blocks in useForcedLayout

* Force useSelect to re-select when we know innerBlocks has changed

* Rename mapSelect back to select

* Add forcedBlocksInserted to callback deps

assets/js/blocks/cart-checkout-shared/use-forced-layout.ts

@@ -6,6 +6,7 @@ import {
 	useRef,
 	useCallback,
 	useMemo,
+	useState,
 } from '@wordpress/element';
 import { useSelect, useDispatch } from '@wordpress/data';
 import {
@@ -41,6 +42,8 @@ export const useForcedLayout = ( {
 } ): void => {
 	const currentRegisteredBlocks = useRef( registeredBlocks );
 	const currentDefaultTemplate = useRef( defaultTemplate );
+	const [ forcedBlocksInserted, setForcedBlocksInserted ] =
+		useState< number >( 0 );
 
 	const { insertBlock, replaceInnerBlocks } =
 		useDispatch( 'core/block-editor' );
@@ -55,15 +58,16 @@ export const useForcedLayout = ( {
 				),
 			};
 		},
-		[ clientId, currentRegisteredBlocks.current ]
+		[ clientId, currentRegisteredBlocks.current, forcedBlocksInserted ]
 	);
 
 	const appendBlock = useCallback(
 		( block, position ) => {
 			const newBlock = createBlock( block.name );
 			insertBlock( newBlock, position, clientId, false );
+			setForcedBlocksInserted( forcedBlocksInserted + 1 );
 		},
-		[ clientId, insertBlock ]
+		[ clientId, insertBlock, forcedBlocksInserted ]
 	);
 
 	const lockedBlockTypes = useMemo(