Cors error after following React + trading view tutorial

[Defi]

I followed along with the tutorial and cloned tradingview-two/src at main · sayon-bitquery/tradingview-two · GitHub

After adding in my API key to the datafeed.js file and copying the nessessary files from the trading view library I am getting a cors error after both development and build/serve.

Here is my code:

import axios from "axios";
import * as Bitquery from "./bitquery";

const lastBarsCache = new Map();
const configurationData = {
  supported_resolutions: ["1", "5", "15", "30", "60", "1D", "1W", "1M"],
};

export default {
  // This method is used by the Charting Library to get a configuration of your datafeed
  // (e.g. supported resolutions, exchanges and so on)
  onReady: (callback) => {
    console.log("[onReady]: Method called!!");
    setTimeout(() => callback(configurationData));
  },
  // This method is used by the library to retrieve information about a specific symbol
  // (exchange, price scale, full symbol etc.).
  resolveSymbol: async (
    symbolName,
    onSymbolResolvedCallback,
    onResolveErrorCallback,
    configurationData
  ) => {
    console.log("[resolveSymbol]: Method called!!");
    const response = await axios.post(Bitquery.endpoint, {
      query: Bitquery.GET_COIN_INFO,
      variables: {
        tokenAddress: symbolName,
      },
      mode: "cors",
      headers: {
        "Content-Type": "application/json",
        "X-API-KEY": "BQYMNpxxxxxxREDACTEDxxxxxxXRmcvZUb8",
      },
    });
    // const coin = response.data.data.ethereum.dexTrades[0].baseCurrency;
    // console.log(response.data.data.ethereum.dexTrades[0].quotePrice);
    console.log(response.data.data.ethereum.dexTrades[0].baseCurrency);

    const coin = response.data.data.ethereum.dexTrades[0].baseCurrency;

    if (!coin) {
      onResolveErrorCallback();
    } else {
      const symbol = {
        ticker: symbolName,
        name: `${coin.symbol}/USD`,
        session: "24x7",
        timezone: "Etc/UTC",
        minmov: 1,
        pricescale: 10000000,
        has_intraday: true,
        intraday_multipliers: ["1", "5", "15", "30", "60"],
        has_empty_bars: true,
        has_weekly_and_monthly: false,
        supported_resolutions: configurationData.supported_resolutions,
        volume_precision: 1,
        data_status: "streaming",
      };
      //onSymbolResolvedCallback(symbol);
      onSymbolResolvedCallback(symbol);
    }
  },
  // This method is used by the charting library to get historical data for the symbol.
  getBars: async (
    symbolInfo,
    resolution,
    onHistoryCallback,
    onErrorCallback,
    first
  ) => {
    try {
      if (resolution === "1D") {
        resolution = 1440;
      }
      const response2 = await axios.post(Bitquery.endpoint, {
        query: Bitquery.GET_COIN_BARS,
        variables: {
          from: new Date("2021-06-20T07:23:21.000Z").toISOString(),
          to: new Date("2021-06-23T15:23:21.000Z").toISOString(),
          interval: Number(resolution),
          tokenAddress: symbolInfo.ticker,
        },
        mode: "cors",
        headers: {
          "Content-Type": "application/json",
          "X-API-KEY": "BQYMNpxxxxxxREDACTEDxxxxxxXRmcvZUb8",
        },
      });

      console.log(response2.data.data.ethereum.dexTrades[0].high);

      const bars = response2.data.data.ethereum.dexTrades.map((el) => ({
        time: new Date(el.timeInterval.minute).getTime(), // date string in api response
        low: el.low,
        high: el.high,
        open: Number(el.open),
        close: Number(el.close),
        volume: el.volume,
      }));

      if (bars.length) {
        onHistoryCallback(bars, { noData: false });
      } else {
        onHistoryCallback(bars, { noData: true });
      }
    } catch (err) {
      console.log({ err });
      // onErrorCallback(err)
    }
  },
  subscribeBars: (
    symbolInfo,
    resolution,
    onRealtimeCallback,
    subscribeID,
    onResetCacheNeededCallback
  ) => {},
  unsubscribeBars: (subscribeID) => {},
};