Как правильно решить Property 'X' does not exist on type X?

Question

[KIberWarriorJs]

Полный текст ошибки : Property 'startDate' does not exist on type 'string | { startDate: string; endDate: string; }'
Вся суть в том , то TS думает что это может быть НЕ обьект без этих полей , а строка . Какие есть способы решить это , без варианта что это будет ВСЕГДА обьект ? Тобеж , это может быть или обьект или строка . Вот код .

// переменная
    let filterValue =
      typeof filter.value === 'object'
        ? (filter.value = {
            startDate: formatDateTimeShortForm(new Date()),
            endDate: formatDateTimeShortForm(new Date()),
          })
        : '';

       <DatePicker
                  placeholder="End date"
                  label="End date"
                  value={new Date(filterValue?.endDate.toString())} // Тут TS  думает что тут может быть строка 
                  onSelectDate={this.handleEndDateChange}
                />

Comments

[Lynn «Кофеман»]

Но ведь он прав. Там может быть строка и будет ошибка.

[Nikolay Matyushkin]

value={new Date(filterValue?.endDate.toString())} // Тут TS  думает что тут может быть строка

Это не ТС думает, а вы сами ему об этом сказали, когда присвоили переменной filterValue условное значение, при котором существует вероятность того, что переменная filterValue будет string

ТС пытается оградить вас от ошибки

Uncaught TypeError: Cannot read properties of undefined (reading 'toString')

и возможного бланк пейджа

[Lynn «Кофеман»]

Ну и отдельно отмечу, что конструкция new Date(filterValue?.endDate.toString()) это тихий ужас.

1. filterValue у вас точно всегда есть, так что вопросительный знак тут бесполезен.
2. Даже, если он сработает, то получится new Date(undefined) что вовсе не эквивалентно new Date().