Импорт с использованием областей в React Native с использованием npm

Question

Я пытаюсь изменить способ импорта модулей в React Native. Стандартный способ сделать это примерно так:

import HomeScreen from "../../screens/Home"

Я сею, что также возможно, делая:

import HomeScreen from "@screens/Home"

Для этого я попытался создать файл package.json в папке с экранами и присвоил ему имя

{
   "name": "@screens"
}

но не работает.

Обновление:

Я попытался использовать babel-plugin-module-resolver и настроить его с помощью моих .babelrc и .tsconfig, но проблема сохраняется

.babelrc

{
  "plugins": [
    [
      "module-resolver",
      {
        "root": ["./src"],
        "alias": {
          "test": "./test",
          "underscore": "lodash"
        }
      }
    ]
  ]
}

tsconfig.json

{
  "compilerOptions": {
    "allowJs": false,
    "allowSyntheticDefaultImports": true,
    "experimentalDecorators": true,
    "jsx": "react-native",
    "module": "es2015",
    "moduleResolution": "node",
    "outDir": "build",
    "rootDir": "src",
    "noImplicitAny": false,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noUnusedLocals": true,
    "sourceMap": true,
    "target": "es2015",
    "lib": ["es2015", "es2017", "dom"],
    "skipLibCheck": true,
    "baseUrl": ".",
    "paths": {
      "*": ["src/*"],
      "test/*": ["test/*"],
      "underscore": ["lodash"]
    }
  },
  "exclude": ["node_modules"],
  "include": ["src"]
}

PS: я также использую Typescript