Fix typecheck issues

apps/common-app/tsconfig.json

@@ -1,7 +1,6 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "plugins": [{ "name": "./resolver.js" }],
     "baseUrl": ".",
     "paths": {
       "@/*": ["src/*"]

apps/fabric-example/images.d.ts

@@ -0,0 +1,13 @@
+declare module '*.jpg' {
+  import type { ImageSourcePropType } from 'react-native';
+
+  const value: ImageSourcePropType;
+  export default value;
+}
+
+declare module '*.png' {
+  import type { ImageSourcePropType } from 'react-native';
+
+  const value: ImageSourcePropType;
+  export default value;
+}

apps/fabric-example/tsconfig.json

@@ -1,4 +1,10 @@
 {
   "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["../common-app/src/*"]
+    }
+  },
   "exclude": ["node_modules", "metro.config.js"]
 }

apps/macos-example/images.d.ts

@@ -0,0 +1,13 @@
+declare module '*.jpg' {
+  import type { ImageSourcePropType } from 'react-native';
+
+  const value: ImageSourcePropType;
+  export default value;
+}
+
+declare module '*.png' {
+  import type { ImageSourcePropType } from 'react-native';
+
+  const value: ImageSourcePropType;
+  export default value;
+}

apps/macos-example/tsconfig.json

@@ -1,11 +1,10 @@
 {
-  "extends": "../../tsconfig.json"
-  // "compilerOptions": {
-  //   "baseUrl": ".",
-  //   "paths": {
-  //     "react-native-reanimated": ["../"],
-  //     "react": ["./node_modules/@types/react"]
-  //   }
-  // },
-  // "exclude": []
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["../common-app/src/*"]
+      // "react": ["./node_modules/@types/react"]
+    }
+  }
 }

apps/paper-example/images.d.ts

@@ -0,0 +1,13 @@
+declare module '*.jpg' {
+  import type { ImageSourcePropType } from 'react-native';
+
+  const value: ImageSourcePropType;
+  export default value;
+}
+
+declare module '*.png' {
+  import type { ImageSourcePropType } from 'react-native';
+
+  const value: ImageSourcePropType;
+  export default value;
+}

apps/paper-example/tsconfig.json

@@ -1,3 +1,9 @@
 {
-  "extends": "../../tsconfig.json"
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["../common-app/src/*"]
+    }
+  }
 }

apps/web-example/images.d.ts

@@ -0,0 +1,13 @@
+declare module '*.jpg' {
+  import type { ImageSourcePropType } from 'react-native';
+
+  const value: ImageSourcePropType;
+  export default value;
+}
+
+declare module '*.png' {
+  import type { ImageSourcePropType } from 'react-native';
+
+  const value: ImageSourcePropType;
+  export default value;
+}

apps/web-example/tsconfig.json

@@ -2,9 +2,10 @@
   "extends": "expo/tsconfig.base",
   "compilerOptions": {
     "strict": true,
+    "baseUrl": "../..",
     "paths": {
-      "@/*": ["./*"],
-      "react-native-reanimated": ["../../packages/react-native-reanimated/src"]
+      "@/*": ["./apps/common-app/src/*"]
+      // "react-native-reanimated": ["./packages/react-native-reanimated/src"]
     }
   },
   "include": ["**/*.ts", "**/*.tsx"]

packages/react-native-reanimated/src/css/component/createAnimatedComponent.tsx

@@ -1,5 +1,5 @@
 'use strict';
-import { forwardRef } from 'react';
+import React from 'react';
 import type {
   FunctionComponent,
   ComponentClass,
@@ -56,7 +56,7 @@ export default function createAnimatedComponent<P extends object>(
     }
   }
 
-  return forwardRef<Component>((props, ref) => {
+  return React.forwardRef<Component>((props, ref) => {
     return (
       <AnimatedComponent
         {...props}