fix: navigation outside of product collection block

assets/js/blocks/collection-filters/block.json

@@ -14,7 +14,8 @@
 		"reusable": false
 	},
 	"usesContext": [
-		"query"
+		"query",
+		"queryId"
 	],
 	"providesContext": {
 		"collectionData": "collectionData"

assets/js/blocks/collection-filters/save.tsx

@@ -1,11 +1,8 @@
 /**
  * External dependencies
  */
-import { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
+import { InnerBlocks } from '@wordpress/block-editor';
 
 export default function save() {
-	const blockProps = useBlockProps.save();
-	const innerBlockProps = useInnerBlocksProps.save( blockProps );
-
-	return <nav { ...innerBlockProps } />;
+	return <InnerBlocks.Content />;
 }

src/BlockTypes/CollectionFilters.php

@@ -72,6 +72,31 @@ protected function enqueue_data( array $attributes = [] ) {
 		}
 	}
 
+	/**
+	 * Render the block.
+	 *
+	 * @param array    $attributes Block attributes.
+	 * @param string   $content    Block content.
+	 * @param WP_Block $block      Block instance.
+	 * @return string Rendered block type output.
+	 */
+	protected function render( $attributes, $content, $block ) {
+		$attributes_data = array(
+			'data-wc-interactive' => wp_json_encode( array( 'namespace' => 'woocommerce/collection-filters' ) ),
+			'class'               => 'wc-block-collection-filters',
+		);
+
+		if ( ! isset( $block->context['queryId'] ) ) {
+			$attributes_data['data-wc-navigation-id'] = 'wc-collection-filters';
+		}
+
+		return sprintf(
+			'<nav %1$s>%2$s</nav>',
+			get_block_wrapper_attributes( $attributes_data ),
+			$content
+		);
+	}
+
 	/**
 	 * Modify the context of inner blocks.
 	 *