From c2fde2adf7339f8c3d894e44ef0729c08c6c067f Mon Sep 17 00:00:00 2001
From: Benjamin <benajamineruvieru@gmail.com>
Date: Tue, 7 Nov 2023 12:02:49 +0100
Subject: [PATCH] docs: fixed ts errors

---
 example/src/App.tsx            | 14 +++++++-------
 src/HighlightText.tsx          | 12 +++++++++---
 src/utilis/helper_functions.ts | 12 ++++++++++--
 3 files changed, 26 insertions(+), 12 deletions(-)

diff --git a/example/src/App.tsx b/example/src/App.tsx
index 175e0c7..a49efe4 100644
--- a/example/src/App.tsx
+++ b/example/src/App.tsx
@@ -17,14 +17,14 @@ export default function App() {
 
   return (
     <GestureHandlerRootView style={{ flex: 1 }}>
-      <Button title="Get highlight data" onPress={getHighlightData} />
-      <Button
-        title="Delete highlight"
-        onPress={() => {
-          deleteFun(1);
-        }}
-      />
       <View style={styles.container}>
+        <Button title="Get highlight data" onPress={getHighlightData} />
+        <Button
+          title="Delete highlight"
+          onPress={() => {
+            deleteFun(1);
+          }}
+        />
         <HighlightText
           ref={highlightRef}
           clearHighlightOnTap={true}
diff --git a/src/HighlightText.tsx b/src/HighlightText.tsx
index fa7db1c..05f1d75 100644
--- a/src/HighlightText.tsx
+++ b/src/HighlightText.tsx
@@ -1,11 +1,13 @@
 import { Dimensions, StyleSheet, Text, View } from 'react-native';
 import React, { memo, useCallback, useMemo, useRef } from 'react';
+//@ts-ignore
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 import Animated, {
   runOnJS,
   useAnimatedStyle,
   useDerivedValue,
   useSharedValue,
+  //@ts-ignore
 } from 'react-native-reanimated';
 import {
   findValueLessThanOrEqualToNumber,
@@ -17,6 +19,7 @@ import type {
   GestureStateChangeEvent,
   PanGestureHandlerEventPayload,
   TapGestureHandlerEventPayload,
+  //@ts-ignore
 } from 'react-native-gesture-handler';
 
 const SCREEN_WIDTH = Dimensions.get('window').width;
@@ -370,9 +373,12 @@ const HighlightText: React.ForwardRefExoticComponent<
         backgroundColor,
       },
     });
-    const onLayout = useCallback((e: LayoutChangeEvent) => {
-      layout.value = e.nativeEvent.layout;
-    }, []);
+    const onLayout = useCallback(
+      (e: LayoutChangeEvent) => {
+        layout.value = e.nativeEvent.layout;
+      },
+      [layout]
+    );
     return (
       <GestureDetector gesture={composed}>
         <View style={styles.mainViewStyle} onLayout={onLayout}>
diff --git a/src/utilis/helper_functions.ts b/src/utilis/helper_functions.ts
index 3940f34..3b6885c 100644
--- a/src/utilis/helper_functions.ts
+++ b/src/utilis/helper_functions.ts
@@ -6,13 +6,15 @@ export function findValueLessThanOrEqualToNumber(
   'worklet';
   // Convert the array elements to numbers and sort the array in ascending order
   // Initialize a variable to store the result
-  let result: number 
+  let result: number;
   let words = 0;
   const sortedArray = arr.map(Number).sort((a, b) => a - b);
 
   // Loop through the sorted array
   for (let i = 0; i < sortedArray.length; i++) {
+    //@ts-ignore
     if (sortedArray[i] <= number) {
+      //@ts-ignore
       result = sortedArray[i];
       words += map[result]?.length || 0;
     } else {
@@ -20,14 +22,20 @@ export function findValueLessThanOrEqualToNumber(
       break;
     }
   }
+  //@ts-ignore
   words -= map[result]?.length || 0;
+  //@ts-ignore
   return { result, words };
 }
 
-export function findIndexLessThanOrEqual(arr: number[], number: number): number {
+export function findIndexLessThanOrEqual(
+  arr: number[],
+  number: number
+): number {
   'worklet';
 
   for (let i = 0; i < arr?.length; i++) {
+    //@ts-ignore
     if (number <= arr[i]) {
       return i; // Return the index of the first value that's less than or equal to the given number
     }