in this code in next.js app

 {!infiniteScrollStarted ? (                                                                                                                     │                                       
                                       │    9 │ │ │ │ │ !loading && (                                                                                                                                 │                                       
                                       │    8 │ │ │ │ │ │ <button                                                                                                                                     │                                       
                                       │    7 │ │ │ │ │ │ │ className="btn more-btn"                                                                                                                  │                                       
                                       │    6 │ │ │ │ │ │ │ onClick={() => setInfiniteScrollStarted(true)}                                                                                            │                                       
                                       │    5 │ │ │ │ │ │ │ style={{ height: placeholderHeight }}                                                                                                     │                                       
                                       │┃   4 │ │ │ │ │ │ >Загрузить больше материалов...</button>                                                                                                    │                                       
                                       │    3 │ │ │ │ │ )                                                                                                                                             │                                       
                                       │    2 │ │ │ │ ) : (                                                                                                                                           │                                       
                                       │    1 │ │ │ │ │ <div style={{ minHeight: placeholderHeight }}>                                                                                                │                                       
                                       │┃ 120 │ │ │ │ │ │ {firstPass ? (                                                                                                                              │                                       
                                       │┃   1 │ │ │ │ │ │ │ <button                                                                                                                                   │                                       
                                       │┃   2 │ │ │ │ │ │ │ │ className="btn more-btn"                                                                                                                │                                       
                                       │┃   3 │ │ │ │ │ │ │ │ disabled                                                                                                                                │                                       
                                       │┃   4 │ │ │ │ │ │ │ │ style={{ height: placeholderHeight }}                                                                                                   │                                       
                                       │┃   5 │ │ │ │ │ │ │ >Грузим грузим</button>                                                                                                                   │                                       
                                       │┃   6 │ │ │ │ │ │ ) : (                                                                                                                                       │                                       
                                       │┃   7 │ │ │ │ │ │ │ loading && <Loading />                                                                                                                    │                                       
                                       │┃   8 │ │ │ │ │ │ )                                                                                                                                           │                                       
                                       │┃   9 │ │ │ │ │ │ }                                                                                                                                           │                                       
                                       │   10 │ │ │ │ │ │ <InfScroll onLoad={getMatters} loading={loading} />                                                                                         │                                       
                                       │   11 │ │ │ │ │ </div>           

how to setinfinitescrollstarted only after getMatters finished, like it is in InfScroll onLoad