новый получатель sendgrid api v3 401 несанкционированная ошибка

Question

Я настроил скрипт для использования axios в моем html-файле, предназначенном для ввода электронной почты:

  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  <script>
    const axios = window.axios;
    const button = document.getElementById('post-btn');
    const emailInput = document.getElementById('signup-input');
    const successMessage = document.getElementById('success_message');
    const signupText = document.getElementById('sign_up_text');
    button.addEventListener('click', async _ => {

  const email = emailInput.value.toLowerCase();
  const message = `${email} has signed up to our early access list.`;
  try {
    const sendGrid = await axios.post('https://api.sendgrid.com/v3/contactdb/recipients', JSON.stringify({email}), {
      'Authorization': 'Bearer XXXXXXXXXXXXXXXXXXXX'
    });
    emailInput.style.display = "none";
    button.style.display = "none";
    signupText.style.display = "none";
    successMessage.style.display = "block";
    console.log('sendgrid response', sendGrid);
  } catch(err) {
    console.error(`Error: ${err}`);
  }
});

Однако скрипт продолжает выдавать ошибку POST https://api.sendgrid.com/v3/contactdb/recipients 401 (UNAUTHORIZED). Ключ API корректен и имеет полный доступ на чтение / запись, поэтому проблем не должно быть. Есть идеи по поводу потенциальных проблем?