fix to code rabbit's qa

Author: kaeizen

src/components/design-library-list/design-preview.js

@@ -86,13 +86,17 @@ export const DesignPreview = ( {
 			return
 		}
 
+		const ric = window.requestIdleCallback || window.requestAnimationFrame
+		const sanitizedHTML = safeHTML( blocks )
+
 		if ( selectedTab !== 'pages' ) {
-			wrapper.innerHTML = safeHTML( blocks )
+			wrapper.innerHTML = sanitizedHTML
+			return
 		}
 
 		requestAnimationFrame( () => {
-			requestIdleCallback( () => {
-				wrapper.innerHTML = safeHTML( blocks )
+			ric( () => {
+				wrapper.innerHTML = sanitizedHTML
 				updateShadowBodySize()
 			} )
 		} )

src/components/design-library-list/use-preview-renderer.js

@@ -128,7 +128,7 @@ export const usePreviewRenderer = (
 			setPreviewSize( prev => {
 				const newPreviewSize = { ...prev, scale: scaleFactor }
 
-				if ( Object.keys( prev ).length === 1 ) {
+				if ( Object.keys( prev ).length === 0 ) {
 					newPreviewSize.heightBackground = _height
 					newPreviewSize.heightNoBackground = _height
 				} else {
@@ -231,6 +231,11 @@ export const usePreviewRenderer = (
 			return
 		}
 
+		// Reset per-template state and show spinner
+		setIsLoading( true )
+		categoriesRef.current = []
+		hasBackgroundTargetRef.current = false
+
 		let _parsedBlocks = []
 		let _parsedBlocksForInsertion = null
 		const initialize = async () => {