Flow - property missing in Event type

Question

I have the following function:

createComment = (e: Event) => {
  if (e.key === 'Enter') {
    e.preventDefault()
    ...
  }
}

but Flow is returning this error Property key is missing in Event. How do I resolve this?

Answer 1

You should use SyntheticKeyboardEvent instead of Event

So change

    createComment = (e: Event) => {
           if (e.key === 'Enter') {
               e.preventDefault()
               ...
            }
     }

To

     createComment = (e: SyntheticKeyboardEvent<HTMLButtonElement>) => {
          if (e.key === 'Enter') {
              e.preventDefault()
              ...
          }
     }

Answer 2

Apparently, I should use KeyboardEvent instead of Event.