graphql-axios.ts

const [path, setPath] = useState({});
  useEffect(() => {
    if (file.name) {
      fetchMyAPI();
    }
  }, [file.name]);

  async function fetchMyAPI() {
    const res: any = await getSignedURL(file.name);
    setPath(res);
  }


import axios from 'axios';

export const getSignedURL = (s3Url: string) => {
  const pieces = s3Url?.split('/');
  const query = {
    companyName: pieces[pieces.length - 2],
    key: pieces[pieces.length - 1],
  };
  return new Promise((resolve, reject) => {
    axios
      .post(
        `${process.env.BASE_URL}/graphql`,
        {
          query: `query GetSignedURL($query: GetSignedURLArgs!) {
        getSignedURL(getSignedURLArgs: $query){
          path
          url
    }
  }`,
          variables: {
            query,
          },
        },
        {
          headers: {
            'Content-Type': 'application/json',
          },
        }
      )
      .then(({ data }) => {
        resolve(data?.data?.getSignedURL || { path: '', url: '' });
      })
      .catch((error) => {
        reject(error);
      });
  });
};