Я пытаюсь получить данные из моего API с помощью axios, но я получаю сообщение об ошибке 401 UNAUTHORIZED

Question

Я пытался получить некоторые данные из моего API, но в консоли отображается сообщение об ошибке 401 UNAUTHORIZED.

Я создал метод жизненного цикла, т.е. componentDidMount (), внутри которого я определилAxios.

import React, { Component } from 'react'
import BookingSummaryBlock from '../components/BookingSummaryBlock'
import '../assets/css/MyBookings.css';
import Helmet from 'react-helmet';
import { CardDeck } from 'react-bootstrap';
import axios from 'axios';

export class MyBookings extends Component {

    constructor(props){
        super(props);
        this.state = {
            bookings: []
        }
      }

    componentDidMount() {
        axios.get(`https://coox-api.herokuapp.com/v1/booking`)
        .then((response) => {
          console.log("SEE HEERE!!",response);
        })
        .catch(err => {
          console.log(err);
        });
    }
    render() {
        return (
            <div>

                <Helmet>
                    <meta charSet="utf-8" />
                    <title>My Bookings</title>
                </Helmet>

                <center style={{margin: "20px", alignItems: "center"}}>
                    <h1 style={{color: "#5e5e5e", fontSize: "32px", fontFamily: "Trebuchet"}}>My Bookings</h1>
                    <div className="container">
                        <input
                            type="radio"
                            name="BookingToggle"
                            id="ongoing"
                            // value={}
                            // onChange={}
                        />
                        <label htmlFor="ongoing" className="">
                        <span>CURRENT</span>
                        </label>
                    </div>

                    <div className="container">
                        <input
                            type="radio"
                            name="BookingToggle"
                            id="history"
                            // value={}
                            // onChange={}
                        />
                        <label htmlFor="history" className="">
                        <span>PAST</span>
                        </label>
                    </div>
                    <center style={{margin: "20px", alignItems: "center"}}>
                        <CardDeck>
                        <BookingSummaryBlock />
                        <BookingSummaryBlock />
                        <BookingSummaryBlock />
                        <BookingSummaryBlock />
                        <BookingSummaryBlock />
                        <BookingSummaryBlock />
                        </CardDeck>
                    </center>
                </center>
                {/* <div style={{display: "flex", flexDirection: "row", alignItems: "inline", alignContent: "center", justifyContent: "space-between" }}>
                    <BookingSummaryBlock />
                    <BookingSummaryBlock />
                    <BookingSummaryBlock />
                </div> */}
            </div>
        )
    }
}

export default MyBookings

Ожидаемый результат этого в консоли должен показывать мне данные, которые отправляет API