Exclude children from interface

ooade · Jan 27, 2021 · 6b92182 · 6b92182
1 parent 636f624
commit 6b92182
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "react-click-away-listener",
-	"version": "1.5.1",
+	"version": "2.0.0-alpha.0",
 	"description": "A simple click away listener built with React Hooks",
 	"main": "dist/react-click-away-listener.js",
 	"module": "dist/react-click-away-listener.es.js",

diff --git a/src/index.tsx b/src/index.tsx
@@ -1,6 +1,7 @@
 import React, {
 	useRef,
 	useEffect,
+	ReactElement,
 	MutableRefObject,
 	FunctionComponent
 } from 'react';
@@ -13,7 +14,6 @@ interface Props extends React.HTMLAttributes<HTMLElement> {
 	onClickAway: (event: Events) => void;
 	mouseEvent?: MouseEvents;
 	touchEvent?: TouchEvents;
-	children: React.ReactElement;
 }
 
 const ClickAwayListener: FunctionComponent<Props> = ({
@@ -50,7 +50,7 @@ const ClickAwayListener: FunctionComponent<Props> = ({
 		};
 	}, [mouseEvent, onClickAway, touchEvent]);
 
-	return React.cloneElement(children, {
+	return React.cloneElement(children as ReactElement, {
 		ref: node,
 		onClick: handleBubbledEvents,
 		onTouchEnd: handleBubbledEvents