Невозможно вернуть функцию и состояние использования из повторно используемого компонента. ⇐ Javascript

[Гость]

У меня есть приложение реагирования, которое позволяет загружать несколько файлов на базу. Я пытаюсь создать компонент для повторного использования, однако столкнулся с проблемой, из-за которой я не могу вернуть функцию, а также araay состояния использования.
const useUploader = (данные, имя папки) => { const [upLoadcomplete, setuploacomplete] = useState() const uploadFiles = async () => { // функция, выполняющая какие-то действия... одна из которых — setuploacomplete в зависимости от результата. } вернуть загрузку файлов } экспортировать по умолчанию useUploader
На другом jsx есть кнопка, которая использует on submit для вызова пользовательского крючка, я бы хотел, чтобы этот крючок выполнял эту функцию, но также имел возможность обновлять другой div со статусом, если он завершен или сейчас.. однако я не могу понять, как это сделать. Я пробовал использовать UseEffects, но из-за этого функция запускалась до того, как была нажата кнопка отправки... чего я не хотел!

Любая помощь будет полезна!