fix(react-native): use metro default resolver on tsconfig import (#8656)

use metro default resolver on tsconfig match result.
it fixes tsconfig paths import with index files

packages/react-native/plugins/metro-resolver.ts

@@ -44,7 +44,13 @@ export function getResolveRequest(extensions: string[]) {
       }
     }
 
-    return tsconfigPathsResolver(extensions, realModuleName, moduleName);
+    return tsconfigPathsResolver(
+      context,
+      extensions,
+      realModuleName,
+      moduleName,
+      platform
+    );
   };
 }
 
@@ -53,7 +59,7 @@ export function getResolveRequest(extensions: string[]) {
  * @returns path if resolved, else undefined
  */
 function defaultMetroResolver(
-  context: string,
+  context: any,
   moduleName: string,
   platform: string
 ) {
@@ -103,28 +109,23 @@ function pnpmResolver(extensions, context, realModuleName, moduleName) {
  * @returns path if resolved, else undefined
  */
 function tsconfigPathsResolver(
+  context: any,
   extensions: string[],
   realModuleName: string,
-  moduleName: string
+  moduleName: string,
+  platform: string
 ) {
   const DEBUG = process.env.NX_REACT_NATIVE_DEBUG === 'true';
   const matcher = getMatcher();
-  let match;
+  const match = matcher(
-
+    realModuleName,
-  // find out the file extension
+    undefined,
-  const matchExtension = extensions.find((extension) => {
+    undefined,
-    match = matcher(realModuleName, undefined, undefined, ['.' + extension]);
+    extensions.map((ext) => `.${ext}`)
-    return !!match;
+  );
-  });
 
   if (match) {
-    return {
+    return metroResolver.resolve(context, match, platform);
-      type: 'sourceFile',
-      filePath:
-        !matchExtension || match.endsWith(`.${matchExtension}`)
-          ? match
-          : `${match}.${matchExtension}`,
-    };
   } else {
     if (DEBUG) {
       console.log(