How to fetch multiple URLs (non-constant number) at once? about use-http HOT 9 CLOSED

const SomeComp = ({ page, pageLength }) => {
  const [list, setList] = useState([])
  const { get, loading } = useFetch('url')

  const fetchList = async () => {
    const theList = await get(`?page=${page}&pageLength=${pageLength}`)
    setList(theList)
  }

  const mounted = useRef(false)
  useEffect(() => { // componentDidMount
    if (!mounted.current) {
      fetchList()
      mounted.current = true
    }
  }, [])

  return <div>{list.map(item => <div>{item.text}</div>)}<div>
}

const SomeComp = ({urls}) => {
  const images = // fetch all the urls
  return images.map(/* do something with the results*/)
}

const [results, setResults] = useState([])
const request = useFetch()
async function fetchStuff() {
    for (const url of urls) {
        const result = await request.get(url)
        setResults([...results, result])
    }
  }
useEffect(() => { fetchStuff() })

const Comp = (props) => {
  const [imagesData, setImagesData] = useState([])
  const [loading, setLoading] = useState(false)
  const { get } = useFetch('url')

  const getImageData = useCallback(async () => {
    setLoading(true)
    const imgData = await images.map(async image =>  await get('/image?id=${image.id}'))
    setImagesData(imgData)
    setLoading(false)
  }, [props.images, imagesData, setImagesData, setLoading])

  const mounted = useRef(false)
  useEffect(() => {
    if (!mounted.current) { // on mount
      getImagesData()
    }
  }, [getImagesData])

  return (
    <>
      {loading && 'Loading...'}
      {imagesData.length > 0 && imagesData.map(img => <img src={img.url} />)}
    </>
  )
}