use replaceState to avoid changing browser history

Author: dinhtungdu

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

@@ -198,7 +198,7 @@ export const removeArgsFromFilterUrl = (
 	if ( filteringForPhpTemplate ) {
 		window.location.href = newUrl;
 	} else {
-		window.history.pushState( {}, '', newUrl );
+		window.history.replaceState( {}, '', newUrl );
 	}
 };
 
@@ -236,6 +236,6 @@ export const cleanFilterUrl = () => {
 	if ( filteringForPhpTemplate ) {
 		window.location.href = newUrl;
 	} else {
-		window.history.pushState( {}, '', newUrl );
+		window.history.replaceState( {}, '', newUrl );
 	}
 };

assets/js/blocks/attribute-filter/block.tsx

@@ -284,7 +284,7 @@ const AttributeFilterBlock = ( {
 				if ( filteringForPhpTemplate ) {
 					window.location.href = newUrl;
 				} else {
-					window.history.pushState( {}, '', newUrl );
+					window.history.replaceState( {}, '', newUrl );
 				}
 			} else {
 				const newUrl = formatParams( pageUrl, query );
@@ -295,7 +295,7 @@ const AttributeFilterBlock = ( {
 					if ( filteringForPhpTemplate ) {
 						window.location.href = newUrl;
 					} else {
-						window.history.pushState( {}, '', newUrl );
+						window.history.replaceState( {}, '', newUrl );
 					}
 				}
 			}

assets/js/blocks/price-filter/block.tsx

@@ -190,7 +190,7 @@ const PriceFilterBlock = ( {
 					}
 
 					// When filtering All Products block, we only update the URL.
-					window.history.pushState( {}, '', newUrl );
+					window.history.replaceState( {}, '', newUrl );
 				}
 			}
 

assets/js/blocks/stock-filter/block.tsx

@@ -200,7 +200,7 @@ const StockStatusFilterBlock = ( {
 				if ( isPhpTemplate ) {
 					window.location.href = url;
 				} else {
-					window.history.pushState( {}, '', url );
+					window.history.replaceState( {}, '', url );
 				}
 			}
 
@@ -218,7 +218,7 @@ const StockStatusFilterBlock = ( {
 		if ( isPhpTemplate ) {
 			window.location.href = newUrl;
 		} else {
-			window.history.pushState( {}, '', newUrl );
+			window.history.replaceState( {}, '', newUrl );
 		}
 	};