What data type to register for the onFocus and onBlur events?

Question

typescript

There is a code:

function onFocus(event: FocusEvent) {
    const currentTarget = event.currentTarget as HTMLElement
    currentTarget.classList.add("ticket--focus")
  }

  const onBlur = (event: FocusEvent) => {
    const currentTarget = event.currentTarget as HTMLElement
    currentTarget.classList.remove("ticket--focus")
  }
...
<div
  className="ticket__new-title"
  onFocus={onFocus}
  onBlur={onBlur}
 >

TS swears at this: onFocus={onFocus}, onBlur={onBlur}. What data type to prescribe to get rid of the error?

Answer 1

You need to do this:

const onFocus = (event: React.FocusEvent<HTMLDivElement>) => {
    event.currentTarget.classList.add("ticket--focus")
  }

  const onBlur = (event: React.FocusEvent<HTMLDivElement>) => {
    event.currentTarget.classList.remove("ticket--focus")
  }

Answer 2

He explicitly says what type should be