React Typescript Не получается вынуть массив из json ответа.

Использую fetch, и через then у результата вызываю .json, и с помощью useState пытаюсь ответ засунуть в массив, но он ругается на типы и не ясно, что с этим делать?
Сам по себе адрес запроса работает, json из 3 объектов выдает.
В ошибке пишет: Тип "() => Promise<any>" не может быть назначен для типа "Book[]".


Если плохо видно из картинки:

export interface Book {
bookID: number
title: string
genre: string
}


export const Content = () => {

const [data, setData] = useState<Book[]>();

useEffect(() => {
GetBooks();

}), []

async function GetBooks()
{
fetch('https://localhost:7139/Db/GetBooks')
.then((res) => {
const books: Book[] = res.json;
setData(books);
})
}