'Disallow MouseEvent with ESLint (Typescript)

I am trying to enforce a rule to disallow things like this:

const submit = (event: React.MouseEvent) => {};

and instead do this:

const submit: React.MouseEventHandler = (event) => {};

I tried with something like this:

"no-restricted-imports": ["error", {
  "paths": [{
    "name": "react",
    "importNames": ["MouseEvent"],
    "message": "Please use MouseEventHandler."
  }]
}]

But it only works if I do this:

import { MouseEvent } from 'react';

If people use it like this: React.MousEvent ESLint doesn't error. Any ideas?

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'Disallow MouseEvent with ESLint (Typescript)

Sources

Related Questions