Having trouble when trying to upload an svg image to Cloudfare with axios

Question

I'm having issues with svg files while running this code. The pngs and jpgs files are uploading to Cloudfare correctly, but when an svg file appears, it returns this error:

ERROR 9422: Decode error: image failed to be decoded: Uploaded image must have image/jpeg or image/png content type\n

Does anybody knows what I'm doing wrong? thanks

export default async (req: NextApiRequest, res: NextApiResponse) => {
  const response = await axios.get(
    "https://www.datocms-assets.com/45562/test-image.png",
    { responseType: "stream" }
  );

  const form = new FormData();
  form.append("image", response.data, "test.png");

  try {
    const postRes = await axios.post(
      `https://api.cloudflare.com/client/v4/accounts/my-id/images/v1`,
      form,
      {
        headers: {
          ...form.getHeaders(),
          Authorization: `Bearer my-api-key`,
        },
      }
    );
    console.info("response", postRes);
  } catch (error) {
    console.error("Error while uploading to cloudflare", error);
  }
};