TS2345 как обойти ошибку?

Question

[Unknown]

Привет!

Есть такой код:

interface PopupInfoObj {
  city?: string,
  image?: string,
  longitude?: number | null,
  latitude?: number | null,
  population?: string,
  state?: string
}
interface State {
  width: number,
  height: number,
  latitude: number,
  longitude: number,
  zoom: number,
  popupInfo?: PopupInfoObj | null | void ;
}

const App: React.FC<Props> = props => {
  const initialState: State = {
    width: 400,
    height: 400,
    latitude: 37.7577,
    longitude: -122.4376,
    zoom: 8,
    popupInfo: {
      longitude: null,
      latitude: null
    },
  }
  const [viewport, setViewport] = useState(initialState)

  const _renderCityMarker = (city: PopupInfoObj, index: number) => {
    return (
      <Marker
        key={`marker-${index}`}
        longitude={city.longitude}
        latitude={city.latitude}
      >
        <CityPin 
           size={20} 
           onClick={() => setViewport({ popupInfo: city })}     <------- ts(2345) текст ошибки ниже
         />
      </Marker>
    )
  }

return (...)

Таким образом когда я пытаюсь добавить новые данные city для объекта popupInfo TS выдает ошибку


Что делать?

Answer 1

[Unknown]

Я успел проклясть всех на свете. Но ошибка была по вине моих кривых рук
setViewport({...viewport, popupInfo: cityObj})

Answer 2

[lnked]

Попробуйте

const [viewport, setViewport] = useState<State>(initialState)

Comments

[Unknown]

Да, об этом я вкурсе, спасибо за ответ.