Consumindo API Django Rest com JavaScript

Olá.

Construi recentemente uma API para consolidar meus conhecimentos. O estranho é que na hora de consumir essa API via fetch do JavaScript, tenho um erro e não consigo acessar os dados.

backend:

https://github.com/Raul-Pinheiro/ProjPessoal-ListaLivrosAPI-DjangoRest

segue o front:

fetch(endpoint, {
    method: 'GET',
    headers: new Headers({
        'Authorization': `Basic-Authentication ${user}:${pass}`,
        'Content-Type': 'application/json; charset=utf-8',

    }),
    credentials: 'include', 
    redirect: 'follow',   
    mode:'no-cors'

    })
    .then(res => res.json())
    .then(dados => dados.map(dado=>{
      const tabela = document.querySelector('[data-tabela]');
      const tbody = document.createElement('tbody');
      tbody.innerHTML = `
          <tr>
              <td>${dado.titulo_livro}</td>
              <td>${dado.autor_livro}</td>
              <td>${dado.editora_livro}</td>
              <td>${dado.valor_livro}</td>
          </tr>
      `
      tabela.appendChild(tbody)

      })
    )

Não sei se o erro está no front ou no back. Alguém tem alguma idéia?

o erro que me retorna é o seguinte:

consumindoAPI.js:22 Uncaught (in promise) SyntaxError: Unexpected end of input
    at consumindoAPI.js:22