import { useState, useEffect } from 'react';

function convertToBlob(url) {
  let img_arr = [];
  let isDataUrl = url.slice(8).startsWith("data");
  let myInit = {
    method: 'GET',
    mode: 'cors',
    cache: 'default'
  }

  if (isDataUrl) {
    var myHeaders = new Headers();
    myHeaders.append("X-Clarifai-Session-Token", "mxbszocmj4sk874z6c0j6apr5u5h8s");
  }

  const [data, setData] = useState([]);

  async function fetchUrl() {
    await fetch(url, myInit)
      .then(response => console.log(response));
    //img_arr.push(imgRequest.url);

    //setData(img_arr);
  }

  useEffect(() => {
    fetchUrl();
  }, []);
  return [data];
}
export { convertToBlob };