From ea5d8b1cff2438a42f6a211fc5f49ba806b7d020 Mon Sep 17 00:00:00 2001
From: ukorvl <ukorotovskiy@gmail.com>
Date: Sat, 21 Oct 2023 15:49:29 +0400
Subject: [PATCH] allow to use OnScreen without specifying html element type
 #12

---
 lib/OnScreen.tsx    | 6 +++---
 lib/useOnScreen.tsx | 2 +-
 package-lock.json   | 4 ++--
 package.json        | 2 +-
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/lib/OnScreen.tsx b/lib/OnScreen.tsx
index 2c9e6dc..b106de6 100644
--- a/lib/OnScreen.tsx
+++ b/lib/OnScreen.tsx
@@ -12,7 +12,7 @@ import { UseOnScreenParameters, useOnScreen } from "./useOnScreen";
 /**
  * OnScreen component own props.
  */
-type OnScreenOwnProps<T extends HTMLElement, AS extends ElementType = ElementType> = {
+type OnScreenOwnProps<T extends HTMLElement = any, AS extends ElementType = ElementType> = {
   /**
    * Render function.
    */
@@ -27,7 +27,7 @@ type OnScreenOwnProps<T extends HTMLElement, AS extends ElementType = ElementTyp
  * OnScreen component props with generic element props.
  */
 export type OnScreenProps<
-  T extends HTMLElement,
+  T extends HTMLElement = any,
   AS extends ElementType = ElementType,
 > = OnScreenOwnProps<T, AS> & Omit<ComponentProps<AS>, keyof OnScreenOwnProps<T, AS>>;
 
@@ -46,7 +46,7 @@ export type OnScreenProps<
  * @param {OnScreenProps} onScreenComponentProps Props.
  * @returns Children elements with on-screen wrapper.
  */
-export const OnScreen = <T extends HTMLElement, AS extends ElementType = ElementType>({
+export const OnScreen = <T extends HTMLElement = any, AS extends ElementType = ElementType>({
   children,
   margin,
   threshold,
diff --git a/lib/useOnScreen.tsx b/lib/useOnScreen.tsx
index b127a6d..3e62df4 100644
--- a/lib/useOnScreen.tsx
+++ b/lib/useOnScreen.tsx
@@ -3,7 +3,7 @@ import { RefObject, useEffect, useState } from "react";
 /**
  * UseOnScreen hook settings.
  */
-export type UseOnScreenParameters<T extends HTMLElement = HTMLElement> = {
+export type UseOnScreenParameters<T extends HTMLElement> = {
   /**
    * Target React element ref.
    */
diff --git a/package-lock.json b/package-lock.json
index ad50882..3af93f1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@ukorvl/react-on-screen",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ukorvl/react-on-screen",
-      "version": "1.0.5",
+      "version": "1.0.6",
       "license": "MIT",
       "dependencies": {
         "hoist-non-react-statics": "^3.3.2"
diff --git a/package.json b/package.json
index 4b9c77c..436ff77 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ukorvl/react-on-screen",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "Lightweight typescript library to detect React elements visibility",
   "license": "MIT",
   "author": "ukorvl",