Fix: Active Filters not working on for site templates (woocommerce#7346)

* fix infinite rerendering issue for active filter block when use with PHP template or site editor

* group useQueryStateByKey calls

* update deps array

assets/js/blocks/active-filters/block.tsx

@@ -77,6 +77,9 @@ const ActiveFiltersBlock = ( {
 	const [ minPrice, setMinPrice ] = useQueryStateByKey( 'min_price' );
 	const [ maxPrice, setMaxPrice ] = useQueryStateByKey( 'max_price' );
 
+	const [ productRatings, setProductRatings ] =
+		useQueryStateByKey( 'rating' );
+
 	const STOCK_STATUS_OPTIONS = getSetting( 'stockStatusOptions', [] );
 	const STORE_ATTRIBUTES = getSetting( 'attributes', [] );
 	const activeStockStatusFilters = useMemo( () => {
@@ -154,7 +157,9 @@ const ActiveFiltersBlock = ( {
 			( ! productAttributes.length &&
 				! urlContainsAttributeFilter( STORE_ATTRIBUTES ) )
 		) {
-			setIsLoading( false );
+			if ( isLoading ) {
+				setIsLoading( false );
+			}
 			return null;
 		}
 
@@ -164,7 +169,9 @@ const ActiveFiltersBlock = ( {
 			);
 
 			if ( ! attributeObject ) {
-				setIsLoading( false );
+				if ( isLoading ) {
+					setIsLoading( false );
+				}
 				return null;
 			}
 
@@ -183,12 +190,10 @@ const ActiveFiltersBlock = ( {
 		productAttributes,
 		componentHasMounted,
 		STORE_ATTRIBUTES,
+		isLoading,
 		blockAttributes.displayStyle,
 	] );
 
-	const [ productRatings, setProductRatings ] =
-		useQueryStateByKey( 'rating' );
-
 	/**
 	 * Parse the filter URL to set the active rating fitlers.
 	 * This code should be moved to Rating Filter block once it's implemented.