Quiero llamar a Books.removeBook(${id}) dentro genBookMarkup();

 static genBookMarkup({ id, title, author, }) { return `<li id=${id}><p class="book_title">${title}</p> <p class="book_author">${author}</p> <button class="removeButton" onclick="Books.removeBook(${id})">Remove</button></li>`; }

Pero obteniendo un error :

Error de referencia no detectado: los Books no están definidos.

¿Cómo puedo implementar esto? No veo una manera con adjacentHTML .

Editar: he intentado importar libros pero aún no se reconoce.