How to filter Gutenberg WooCommerce blocks in WordPress.

gutenberg-woocommerce-blocks.php

add_filter( 'woocommerce_blocks_product_grid_item_html', 'filter_product_block', 10, 3);
function filter_product_block( $html, $data, $product )
{
    $html = '<li class="wc-block-grid__product">
        <div class="image-wrap">
            <a href="' . $data->permalink . '" class="wc-block-grid__product-link">' . $data->image . '</a>
            ' . $data->button . '
        </div>
        <h3><a href="' . $data->permalink . '">' . $data->title . '</a></h3>
        ' . $data->badge . '
        ' . $data->price . '
        ' . $data->rating . '
    </li>';
    
    /**
    * You can use also wc_get_template_html() to include WooCommerce Templates
    **/
    return $html;
}