A continuación se muestra el div en su desplazamiento con desbordamiento. Pero lo que quiero cuando llego al final de ese div usando un desplazador. Quiero cargar más artículos. Agregaré la lista de resultados pero no sé cómo identificar la parte inferior de div.

 const ListItemScroll = (props) => { let { resultList, indexChange, radioValue, radioHandleChange } = props return ( <div style={{ overflow: "auto", overflowX: "hidden", height: "90%" }}> <FormControl component="fieldset" variant="standard"> { resultList[indexChange].dataList.map((list) => { return ( <RadioGroup aria-label="gender" name="controlled-radio-buttons-group" value={radioValue[indexChange].value} onChange={(e) => radioHandleChange(e, list)}> <FormControlLabel size="small" value={list.name} control={<Radio size='small' />} label={list.name} /> </RadioGroup> ) }) } </FormControl> </div> ) }