Error: "Not allowed to navigate top frame to data URL"

[JackSadowski]

Hi,
I am fairly new to javascript.
I load images from a database. Images show on page. However, when I click on an image, I get the above error.
When check with F12, it looks like both scripts load fine.
No other errors, except this one following the mouse click.

Thanks. I appreciate your help.

My code:

<script type="module">
  import PhotoSwipe from '../Content/PhotoSwipe/photoswipe.esm.min.js';
  import PhotoSwipeLightbox from '../Content/PhotoSwipe/photoswipe-lightbox.esm.js';

const lightbox = new PhotoSwipeLightbox({
            gallery: '#my-gallery',
            children: 'a',
            pswpModule: PhotoSwipe
        });
        lightbox.init();
</script>

<div class="my-gallery">
        <asp:Repeater ID="rptImages" runat="server">
            <ItemTemplate>
                <a href='<%# Eval("ImageDataBase64") %>'
                    data-id='<%# Eval("ImageID") %>'
                    data-pswp-width='<%# Eval("ImageWidth") %>'
                    data-pswp-height='<%# Eval("ImageHeight") %>'>
                    <img title="frameTitle"
                        src='<%# Eval("ImageDataBase64") %>'
                        alt="Image Thumbnail"
                        style="max-width: 200px;" />
                </a>
            </ItemTemplate>
        </asp:Repeater>
    </div>