Loading outside in InfiniteScroll

[MasterProvider]

It is possible to set loading outside in InfiniteScroll any Idea?

const [loading,setLoading]=useState(false);

<InfiniteScroll
                          dataLength={}
                          next={}
                          hasMore={}
                          loader={()=>setLoading(prev)=>!prev)}
                        >
</InfiniteScroll>
{loading&(<p>loading..</p>)}