Am I using useState incorrectly here?

const [uploadId, setUploadId] = useState<string[]>([]);
const [partPresignedUrls, setPartPresignedUrls] = useState<{ [partNumber: number]: File }[]>(
    []
  );

fetchPresignedUrls({ fileName: file.name, filePartTotal: Object.keys(parts).length })
          .then((res) => {
            const urls = res.urls.map((data) => ({
              url: data.url,
              partNumber: data.partNumber,
            }));
            console.log("FE has now received the following urls: ", urls)
            console.log("FE has now received the following uploadId: ", res.uploadId)
            setPresignedUrl([...presignedUrl, urls]);
            setUploadId([...uploadId, res.uploadId]);
          })
          .catch((err) => console.log(err));
      }