Typescript и GraphQL несоответствуют типам между ответом graphql и типом машинописного текста

Question

Я использую typescript, react-apollo и AWS Appsync для приложения реагирования, которое я создаю, но сталкиваюсь с предупреждениями о машинописи, которые я не уверен, где я иду не так.

У меня есть схема graphql, которая выглядит как -

schema {
    query: Query
}

type Query {
    events: [Event]
}

type Event {
   ...
}

Я использую useQuery, чтобы возвратить все события, например -

const {
   loading: eventsListLoading,
   error: eventsListError,
   data: eventsListData
} = useQuery(EVENTS_LIST_HOME);

EVENTS_LIST_HOME происходит из -

export const EVENTS_LIST_HOME = gql`
    query eventsListHome{
        events {
            title
        }
    }
`;

и я пытаюсь отобразить элементы вроде -

<table>
   {
      eventsListData.events.map((event: IEvent) => (
         <tr>
             <td>{event.title}</td>
         </tr>
      ))
   }
</table>

, где у меня есть интерфейс машинописи IEvent

export default interface IEvent {
    title: string;
}

, но я получаю ошибку -

Я попытался переименовать тип машинописного текста в Event вместо IEvent и добавить другие аргументы, индекс и массив, даже если они не используются, но та же ошибка

Чего мне не хватает? Как использовать тип grapghql Event в машинописи?