How to use it with Masonry?

[dE1l]

How to use it correctly with Masonry (https://masonry.desandro.com/) ?

I found some information, how i can use it:

  <script type="application/javascript">
    $.endlessPaginate({
      paginateOnScroll: true,
      paginateOnScrollMargin: 3840,
      onCompleted: function(context, fragment) {
        var masonry = $('.gallery').data('masonry');
          if (masonry !== undefined) {
              masonry.reloadItems();
              masonry.layout();
          }}
    });
  </script>

It's working, but it's working incorrectly. It's not reload items at the and of page. Why ?
Please, help me fix it

I think i'm found some correctly working solution, but i don't sure, that it's correct way...

  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/3.1.8/imagesloaded.pkgd.min.js"></script>
  <script type="application/javascript">
    $.endlessPaginate({
      paginateOnScroll: true,
      paginateOnScrollMargin: 3840,
      onCompleted: function(context, fragment) {
        $(document).ready(function () {
            var gallery = $('.gallery');
            gallery.imagesLoaded(function () {
                var masonry = gallery.data('masonry');
                if (masonry !== undefined) {
                    masonry.reloadItems();
                    masonry.layout();
                }
            });
        });
      }
    });
  </script>