Триггер GTM, когда пользователь прокручивает страницу вниз в ReactJS

Question

Я использую https://www.npmjs.com/package/react-google-tag-manager для управления тегами GTM в ReactJS.

У меня есть GoogleTagManager Компонент, как предложено.Я называю этот компонент GoogleTagManager каждый раз, когда пользователь прокручивает страницу со списком продуктов.Когда пользователь прокручивает страницу, хотя GoogleTagManager отображается, но предварительный просмотр GTM сообщает, что GTM срабатывает только один раз при загрузке страницы.(Хотя я ясно вижу, что моя консольная инструкция из компонента GTM отображается при прокрутке пользователя вниз, так что она действительно вызывается)

Вот как я ее называю:

{this.state.callGTM===true &&  <GoogleTagManager gtmId='GTM-A12B12' additionalEvents={this.state.gaDataEvent}/>}

Вот что я вижувнутри тега script:

(function(w,d,s,l,i){w[l]=w[l]||[];
    w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js', "event":"productListingImpressions","ecommerce":{"currencyCode":"INR","impressions":[{"name":"Blue Top","id":21443,"sku":"IN1747567OTOPBLU-714","price":1199,"category":"Category Results","list":""}}]}});
    var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
    j.async=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl
    ;
    f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-A12B12');

Что мне нужно сделать, это передать this.state.gaDataEvent в качестве источника данных в GTM.Но поскольку я использую gtm preview, я вижу, что он больше не запускается при прокрутке пользователя вниз.