Vuejs + на основе классов Typescript - как создать пользовательские типы свойств данных

Question

Как мне создать пользовательские типы с помощью машинописного текста, у меня есть что-то вроде этого:

export interface Calendar {
  events: [];
  categories: [];
  currentPage?: number;
  currentPageSize?: number;
  totalPages: number;
  totalElements: number;
}

, но, похоже, не работает хорошо, потому что при попытке применить его к свойству данных он не может скомпилироваться без установки значения по умолчанию значение для свойства данных, подобное этому

  private calendar: Calendar | null = null;

, но затем я получаю эту ошибку, и именно здесь я устанавливаю объект календаря:

  public async sendRequest(keyValues: object = {}) {
    this.calendar = await this.eventService
      .getItems(
        process.env.VUE_APP_API_EVENTS_HOST,
        process.env.VUE_APP_API_EVENTS_ENDPOINT,
        keyValues
      )
      .then((events: any) => {
        if (events.totalPages > 0) {
          this.isLoading = false;
        }
        return events;
      })
      .catch((error: any) => error);
  }

TypeError: Cannot read property 'categories' of null
    at Proxy.render 

я что-то упустил