Fix warning (#3831)

* Fix warning

* fix: Update Hint component snapshots by removing unused props

* ts ignore

---------

Co-authored-by: adids1221 <adids1221@gmail.com>

Author: NikitaShavit

src/components/hint/__tests__/__snapshots__/index.spec.tsx.snap

@@ -56,7 +56,6 @@ exports[`Hint Screen component test Different positions and scenarios center pos
         "typography": undefined,
       }
     }
-    position="bottom"
     style={
       [
         undefined,
@@ -91,7 +90,6 @@ exports[`Hint Screen component test Different positions and scenarios center pos
         "y": 200,
       }
     }
-    useModal={true}
     useSideTip={true}
     visible={true}
   >
@@ -336,7 +334,6 @@ exports[`Hint Screen component test Different positions and scenarios center pos
         "typography": undefined,
       }
     }
-    position="bottom"
     style={
       [
         undefined,
@@ -371,7 +368,6 @@ exports[`Hint Screen component test Different positions and scenarios center pos
         "y": 200,
       }
     }
-    useModal={true}
     visible={true}
   >
     <View
@@ -615,7 +611,6 @@ exports[`Hint Screen component test Different positions and scenarios left posit
         "typography": undefined,
       }
     }
-    position="bottom"
     style={
       [
         undefined,
@@ -650,7 +645,6 @@ exports[`Hint Screen component test Different positions and scenarios left posit
         "y": 370,
       }
     }
-    useModal={true}
     useSideTip={true}
     visible={true}
   >
@@ -895,7 +889,6 @@ exports[`Hint Screen component test Different positions and scenarios left posit
         "typography": undefined,
       }
     }
-    position="bottom"
     style={
       [
         undefined,
@@ -930,7 +923,6 @@ exports[`Hint Screen component test Different positions and scenarios left posit
         "y": 370,
       }
     }
-    useModal={true}
     visible={true}
   >
     <View
@@ -1174,7 +1166,6 @@ exports[`Hint Screen component test Different positions and scenarios right posi
         "typography": undefined,
       }
     }
-    position="bottom"
     style={
       [
         undefined,
@@ -1209,7 +1200,6 @@ exports[`Hint Screen component test Different positions and scenarios right posi
         "y": 150,
       }
     }
-    useModal={true}
     useSideTip={true}
     visible={true}
   >
@@ -1454,7 +1444,6 @@ exports[`Hint Screen component test Different positions and scenarios right posi
         "typography": undefined,
       }
     }
-    position="bottom"
     style={
       [
         undefined,
@@ -1489,7 +1478,6 @@ exports[`Hint Screen component test Different positions and scenarios right posi
         "y": 150,
       }
     }
-    useModal={true}
     visible={true}
   >
     <View

src/components/hint/index.tsx

@@ -25,8 +25,8 @@ const HINT_MIN_WIDTH = 68;
 const Hint = (props: HintProps) => {
   const {
     visible,
-    useModal,
-    position,
+    useModal = true,
+    position = HintPositions.BOTTOM,
     children,
     message,
     containerWidth = Constants.windowWidth,
@@ -60,6 +60,7 @@ const Hint = (props: HintProps) => {
     if (targetRef.current && hintRef.current) {
       focusAccessibilityOnHint(targetRef.current, hintRef.current);
     }
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   const targetLayout = useMemo(() => {
@@ -71,6 +72,7 @@ const Hint = (props: HintProps) => {
     if (hintRef.current) {
       focusAccessibilityOnHint(targetRef.current, hintRef.current);
     }
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   const showHint = !!targetLayout;
@@ -299,10 +301,6 @@ const styles = StyleSheet.create({
 });
 
 Hint.displayName = 'Hint';
-Hint.defaultProps = {
-  position: HintPositions.BOTTOM,
-  useModal: true
-};
 Hint.positions = HintPositions;
 
 export {HintProps, Hint};