Property innerWidth does not exist on type EventTarget
If you know what element you registered the event listener on, then you could cast event.target
to that element type. I don't think there's any more to say than that. Alternatively, you can directly reference the element you registered the listener on (in this case just the global window
) rather than using event.target
.
A resize event uses the UIEvent Interface.
https://developer.mozilla.org/en-US/docs/Web/API/Window/resize_event
A UIEvent has a target property which, unfortunately, has no "innerWidth" property. So, instead, we assert the target of the event as Window
i.e.
window.addEventListener('resize', (event: UIEvent) => {
const w = event.target as Window;
console.log(w.innerWidth) // works!
});