Как переназначить значение null в объект с явной структурой в TS Vue?

Question

[Esm322]

Подскажите, пожалуйта, у меня есть реактивный объект, который при инициализации равен null. Затем по нажатию кнопки значение null должно переназначаться на объект с явной структурой, но возникает ошибка в методе, что объект не может быть назначен для типа "null". Вот как это выглядит:

// Client interface
interface IClient {
  id: number
  firstName: string
  secondName: string
  thirdName: string
  fullName: string
  date: {
    newDate: Date
    nowDate: number
  }
  edit: {
    newEdit: Date
    nowEdit: number
  }
  contacts: IContacts[]
}

interface INewClient extends IClient {
  id: number
  newdCreateDate: string
  newEditDate: string
}

interface IContacts {
  block: object
  selectValue: string
  inputValue: string
}
//MainView.vue

const activeClientChange = reactive({
  client: null
});

const showModalChange = (value: INewClient): INewClient => activeClientChange.client = value;
provide('showModalChange', showModalChange);

Как мне правильно написать тип, интерфейс или типизировать реактивный объект, чтобы заработал метод?

Answer 1

[modelair]

const activeClientChange = reactive<{client: null | INewClient}>({
  client: null
})

Comments

[Esm322]

Спасибо