How to pass data to variable from useState after loading images?

Question

React

I'm stuck with this simple task because my brain has already stopped thinking, and I'm new to coding.

Please tell me how can I add an array of ids to variables: { gallery } after uploading images.

const [ multipleUploadMutation, { data } ] = useMutation(MULTIPLE_UPLOAD_MUTATION);

const [gallery, setGallery] = useState([]);

useEffect(() => {
    console.log(gallery);
},[gallery]);

// деструктурирование идентификаторов загруженных изображений для передачи их в setGallery.
const images = data?.multipleUpload.map(({data}) => Number(data.id));

// загрузка изображений из инпута
const onChange = ({ target: { validity, files } }) => {
    if (validity.valid) {
        multipleUploadMutation({ 
            variables: { 
                files: files,
            },
        });
    }
}; 

const handleSubmit = (e) => {
    e.preventDefault();
    setGallery(images); // Понимаю, что это должно находиться не здесь, так как вызывается одновременно с добавлением в переменную gallery и соотвественно ничего в него не передаёт.
    createProduct({
        variables: {
            input: {
                title: title,
                gallery: gallery
            }
        },
    });
};