[ClickAwayListener] Dependency on EventListener?

[cmparsons]

The docs for ClickAwayListener mention that the props for EventListener are available, but the TypeScript types are not exposing EventListenerProps.

• This is not a v0.x issue.
• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior 🤔

Should be able to add props for EventListener to ClickAwayListener without TS errors.

Current Behavior 😯

TS errors when trying to add props like target

Steps to Reproduce 🕹

Link: https://codesandbox.io/s/vm4p17y5ol

Context 🔦

Your Environment 🌎

Tech	Version
Material-UI	latest
React
Browser
TypeScript
etc.

[oliviertassinari]

@cmparsons We will remove EventListener in the next versions. What's your use case?

[cmparsons]

Hi @oliviertassinari . My use case was to trigger the onClickAway callback for clicks within a certain DOM node and prevent triggers for clicks on other areas of the page. I wanted to pass the actual DOM node as a target to the EventListener. There may be better solutions to what I'm trying to do (I haven't done much researching honestly), but I was hoping to use ClickAwayListener and EventListener since I was already using material ui in my project.

[eps1lon]

Well right now it's still documented so we should add types for it (or rather accept PRs adding them).

But it's very low priority since we will deprecate it soon. If anybody wants to make contributions that concern TypeScript they can take a look at https://github.com/mui-org/material-ui/issues?utf8=%E2%9C%93&q=is%3Aopen+label%3Atypescript+is%3Aissue

[oliviertassinari]

@cmparsons As a workaround, does it work wrapping the DOM node you are directly interested into?