fancybox 3 integration into wordpress Gutenberg gallery block

fancy-gallery.js

if ($('.wp-block-gallery')) {

    $('.blocks-gallery-item').click(function() {

        var galleryImages = $(this).parent().find('a');
        var gallery = [];

        galleryImages.each(function( index, galleryItem ) {

            var caption = $(this).parent().find('figcaption').html();

            gallery.push({
                src : galleryItem.href,
                opts : {
                    caption: caption
                }
            })
        });

        $.fancybox.open( gallery, { loop: false }, $(this).index() );

        return false;
    });
}