Estoy haciendo un proyecto de juguete. Y tengo problemas para actualizar usestate... Solo quiero actualizar [imágenes] inmediatamente. No puedo usar useEffect porque este código está en try~catch... ¿Cómo puedo arreglar mi código?

En el código, cuando se hace clic en el botón, se implementaría la función Sub. Después de publicar datos en el servidor, [imágenes] puede almacenar datos del servidor mediante setImages. El punto es que, después de que termine esta función, los datos en [imágenes] deben usarse de inmediato. Pero no guarda los datos de inmediato. Entonces sucede un problema. ¿Cómo puedo configurar [imágenes] inmediatamente después de axios.post?

 const Sub = async (e) => { e.preventDefault() const formData = new FormData() formData.append("image1", file) try { const res = await axios.post("/images", formData, { headers: { "Content-Type": "multipart/form-data" }, onUploadProgress: (e) => { setPercent(Math.round(100 * e.loaded / e.total)) } }) setImages([...images, res.data]) alert("Uploading Success!") setTimeout(() => { setPercent(0) setFileName("Upload your image") setImg(null) }, 600); } catch (err) { setPercent(0) setFileName("Upload your image") setImg(null) alert("Uploading Fail!") } }