V7 - Upgrade typescript to latest version 4.9.5 and fix errors (#2490)

Author: ethanshar

package.json

@@ -117,7 +117,7 @@
     "react-test-renderer": "^17.0.1",
     "reassure": "^0.4.1",
     "shell-utils": "^1.0.10",
-    "typescript": "4.3.2",
+    "typescript": "4.9.5",
     "postcss": "^8.4.21",
     "postcss-js": "^4.0.0"
   },

src/components/button/Button.driver.ts

@@ -17,7 +17,7 @@ export class ButtonDriver extends ComponentDriver {
   }
 
   isPressable = async () => {
-    if (this.exists()) {
+    if (await this.exists()) {
       return typeof (await this.getElementProps()).onPress === 'function';
     } else {
       console.warn(`TextDriver: cannot click because testID:${this.testID} were not found`);

src/components/hint/index.tsx

@@ -538,7 +538,7 @@ class Hint extends Component<HintProps, HintState> {
 
       return (
         <View style={[styles.mockChildrenContainer, layout]}>
-          {React.cloneElement(children, {
+          {React.cloneElement<any>(children, {
             collapsable: false,
             key: 'mock',
             style: [children.props.style, styles.mockChildren]
@@ -552,7 +552,7 @@ class Hint extends Component<HintProps, HintState> {
     const {targetFrame} = this.props;
 
     if (!targetFrame && isValidElement(this.props.children)) {
-      return React.cloneElement(this.props.children, {
+      return React.cloneElement<any>(this.props.children, {
         key: 'clone',
         collapsable: false,
         onLayout: this.onTargetLayout,

src/components/text/Text.driver.ts

@@ -11,7 +11,7 @@ export class TextDriver extends ComponentDriver {
   }
 
   isPressable = async () => {
-    if (this.exists()) {
+    if (await this.exists()) {
       return typeof (await this.getElementProps()).onPress === 'function';
     } else {
       console.warn(`TextDriver: cannot click because testID:${this.testID} were not found`);

src/incubator/toast/index.tsx

@@ -57,7 +57,6 @@ const Toast = (props: PropsWithChildren<ToastProps>) => {
   const playAccessibilityFeatures = () => {
     if (visible) {
       if (viewRef.current && action) {
-        // @ts-expect-error
         const reactTag = findNodeHandle(viewRef.current);
         AccessibilityInfo.setAccessibilityFocus(reactTag!);
       } else if (message) {