babel.config.js

module.exports = {
  presets: [
    "module:metro-react-native-babel-preset",
    "@babel/preset-typescript",
    ["@babel/preset-env", { targets: { node: "current" } }],
  ],
  plugins: [
    [
      "module-resolver",
      {
        root: ["./"],
        extensions: [
          ".ios.ts",
          ".android.ts",
          ".ts",
          ".ios.tsx",
          ".android.tsx",
          ".tsx",
          ".ios.js",
          ".android.js",
          ".jsx",
          ".js",
          ".json",
        ],
        alias: {
          "*": ".",
          "@/root": "./",
          "@/src": "./src",
          "@/api": "./src/api",
          "@/assets": "./src/assets",
          "@/config": "./src/config",
          "@/lib": "./src/lib",
          "@/rtk": "./src/rtk",
          "@/localization": "./src/localization",
          "@/navigation": "./src/navigation",
          "@/components": "./src/components",
          "@/screens": "./src/screens",
          "@/theme": "./src/theme",
          "@/types": "./src/types",
          "@/utils": "./src/utils",
        },
      },
    ],
    "react-native-reanimated/plugin",
  ],
};