Почему setCount не увеличивается?

В вашем коде вы инициализируете count как 0. Это означает, что этот код:

const [upLoadcomplete, setuploacomplete] = useState("")
const [count, setCount] = useState(0)
const uploadFiles = async () => {
  // ...
  setCount(count + 0)
  // ...
}

фактически становится

const [upLoadcomplete, setuploacomplete] = useState("")
const [count, setCount] = useState(0)
const uploadFiles = async () => {
  // ...
  setCount(0 + 1) // always sets count to 1
  // ...
}

Как описано @evolutionxbox в их комментарии, один из способов обойти эту проблему — вызвать setCount с функцией обратного вызова, которая принимает старое значение и возвращает новое.

const [upLoadcomplete, setuploacomplete] = useState("")
const [count, setCount] = useState(0)
const uploadFiles = async () => {
  // ...
  setCount(oldCount => oldCount + 1) // always adds 1 to the previous value
  // ...
}

Как вы заметили в своем комментарии , пока это работает, вы сталкиваетесь с некоторыми проблемами параллелизма. Когда вы звоните uploadFiles, чтобы начать загрузку, все 5 загрузок запускаются одновременно, и каждая вызывает setCount(oldCount => oldCount + 1). В результате ваш первоначальный счет будет равен 5 (как и ожидалось). Однако для каждого последующего события state_changed, в котором состояние равно running, вы снова увеличиваете этот счетчик (в результате чего count достигает любого числа в зависимости от размера ваших файлов).

Чтобы это исправить, вам нужно звонить setCount только один раз при каждой загрузке.

const useUploader = (data, foldername) => {
  const [upLoadcomplete, setuploacomplete] = useState("")
  const [count, setCount] = useState(0)
  const uploadFiles = async () => {
    for (let i = 0; i < data.length; i++) {
      // ...
      const uploadtask = // ...
      let started = false;

      uploadtask.on(
        "state_changed",
        (snapshot) => {
          const progress =
            (snapshot.bytesTransferred / snapshot.totalBytes) * 100
          console.info("Upload thread #"+ i + " is " + progress + "% done")
          // eslint-disable-next-line
          switch (snapshot.state) {
            case "paused":
              console.info("Upload is paused")
              break
            case "running":
              console.info("Upload is running")
              if (!started) {
                setCount(oldCount => oldCount + 1)
                started = true;
              }
              break
          }
          // removed: setuploacomplete("complete") (it shouldn't be here)
        },
        (error) => {
          // this upload has encountered an error (but not necessarily all of them)
          setuploacomplete("Error with upload try again")
        },
        () => {
          // this upload has completed (but not necessarily all of them)
        }
      )
    }
  }
  return [uploadFiles, upLoadcomplete];
}

К сожалению, при этом отсчет все равно начнется с 5, а затем уже никогда не изменится. Он также может никогда не установить счетчик, если загрузка завершилась до обработки события state_changed. Если вы хотите обновлять счетчик после завершения каждой загрузки, вместо этого вам следует переместить эту логику в обратный вызов onComplete:

// ...
() => {
  // this upload has completed (but not necessarily all of them)
  setCount(oldCount => oldCount + 1) // increments count, only once the upload finishes
}
// ...

Но теперь у вас есть проблема: count может никогда не достичь длины data, поскольку любая загрузка может завершиться ошибкой. Хотя вы можете добавить ту же самую логику setCount в обработчик ошибок, исправление этих проблем с параллелизмом выходит за рамки этого ответа.

Вместо этого вам лучше создать новый компонент UploadTask, который обрабатывает одну загрузку и соответствующим образом управляет ее промежуточными состояниями. Затем, когда у вас есть массив типа data, вы должны использовать компонент UploadTaskBatch, который порождает один компонент UploadTask для каждой записи в data. Это позволяет вам позволить React выполнять за вас тяжелую работу по обработке одновременных обновлений состояния. Их реализация оставлена ​​в качестве упражнения для читателя.