YT API не отвечает

Question

* Привет, ребята, сейчас я пишу простой YT API в React, используя различные статистические данные моего канала YT. Вот мой код: ***

import React from 'react';
import './App.css';

const api = {
  key: 'my API key',
  base: 'https://googleapis.com/youtube/v3/subscriptions',
  userName: 'my username'
}


function getState() {
  return fetch(`${api.base}channels?part=snippet%2CcontentDetails%2Cstatistics&forUsername=${api.userName}&key=[${api.key}]`)
    .then(response => {
      response.json()
      console.log(response)
    })
  }

getState()

function App() {
      
  return (
    <div className='body'>
      <header id='header'>
        <div id='logo-abr'>YT</div>
        <div id='logo-abr2'>desk</div>
      </header>
      <main> 
        <div className='search-bar'>
          <div>My YT channel</div>
          <div className='channel-property'>subscribers:</div>  
          <div id='result'>0</div>
        </div>
      </main>
    </div>
  )
};


export default App;

И мой вопрос: почему метод fetch возвращает ошибку, что локальный хост не может найти никакого значения в заголовке ответа Access-Control-Allow-Origin для перекрестного происхождения? Я вставил URL-адрес прямо из выполненного кода с developers.google.com. Любой совет будет оценен.