title: React tsconfig-paths not find module
body: <p>I have tsconfig-paths version 3.9.0 configured in my tsconfig.json in the following way:</p>
  <p>tsconfig.json:</p>
  <pre><code>{
    &quot;compilerOptions&quot;: {
      &quot;target&quot;: &quot;es5&quot;,
      &quot;lib&quot;: [
          &quot;dom&quot;,
          &quot;dom.iterable&quot;,
          &quot;esnext&quot;
      ],
      &quot;allowJs&quot;: true,
      &quot;skipLibCheck&quot;: true,
      &quot;esModuleInterop&quot;: true,
      &quot;allowSyntheticDefaultImports&quot;: true,
      &quot;strict&quot;: true,
      &quot;forceConsistentCasingInFileNames&quot;: true,
      &quot;noFallthroughCasesInSwitch&quot;: true,
      &quot;module&quot;: &quot;esnext&quot;,
      &quot;moduleResolution&quot;: &quot;node&quot;,
      &quot;resolveJsonModule&quot;: true,
      &quot;isolatedModules&quot;: true,
      &quot;noEmit&quot;: true,
      &quot;jsx&quot;: &quot;react-jsx&quot;,
      &quot;baseUrl&quot;: &quot;src&quot;,
      &quot;paths&quot;: {
          &quot;@models/*&quot;: [&quot;./models/*&quot;],
          &quot;@api/*&quot;: [&quot;./api/*&quot;],
          &quot;@pages/*&quot;: [&quot;./pages/*&quot;],
          &quot;@utils/*&quot;: [&quot;./utils/*&quot;]
      }
    }
  }
  </code></pre>
  <p>package.json:</p>
  <pre><code>{
   &quot;dependencies&quot;: {
     &quot;@testing-library/jest-dom&quot;: &quot;^5.11.4&quot;,
     &quot;@testing-library/react&quot;: &quot;^11.1.0&quot;,
     &quot;@testing-library/user-event&quot;: &quot;^12.1.10&quot;,
     &quot;@types/jest&quot;: &quot;^26.0.15&quot;,
     &quot;@types/node&quot;: &quot;^12.0.0&quot;,
     &quot;@types/react&quot;: &quot;^17.0.0&quot;,
     &quot;@types/react-dom&quot;: &quot;^17.0.0&quot;,
     &quot;react&quot;: &quot;^17.0.1&quot;,
     &quot;react-dom&quot;: &quot;^17.0.1&quot;,
     &quot;react-scripts&quot;: &quot;4.0.3&quot;,
     &quot;typescript&quot;: &quot;4.1.5&quot;,
     &quot;web-vitals&quot;: &quot;^1.0.1&quot;
   },
   &quot;scripts&quot;: {
     &quot;start&quot;: &quot;react-scripts -r tsconfig-paths/register start&quot;,
     &quot;build&quot;: &quot;react-scripts build&quot;,
     &quot;test&quot;: &quot;react-scripts test&quot;,
     &quot;eject&quot;: &quot;react-scripts eject&quot;
  },
  &quot;browserslist&quot;: {
    &quot;production&quot;: [
      &quot;&gt;0.2%&quot;,
      &quot;not dead&quot;,
      &quot;not op_mini all&quot;
    ],
    &quot;development&quot;: [
      &quot;last 1 chrome version&quot;,
      &quot;last 1 firefox version&quot;,
      &quot;last 1 safari version&quot;
    ]
  },
    &quot;devDependencies&quot;: {
      &quot;@typescript-eslint/eslint-plugin&quot;: &quot;4.15.2&quot;,
      &quot;@typescript-eslint/parser&quot;: &quot;4.15.2&quot;,
      &quot;eslint&quot;: &quot;7.11.0&quot;,
      &quot;eslint-config-airbnb&quot;: &quot;18.2.1&quot;,
      &quot;eslint-plugin-import&quot;: &quot;2.22.1&quot;,
      &quot;eslint-plugin-jsx-a11y&quot;: &quot;6.4.1&quot;,
      &quot;eslint-plugin-react&quot;: &quot;7.21.5&quot;,
      &quot;eslint-plugin-react-hooks&quot;: &quot;4&quot;,
      &quot;tsconfig-paths&quot;: &quot;3.9.0&quot;
   }
  }
  </code></pre>
  <p>And at my App.tsx i imported using my absolute paths declared at tsconfig:</p>
  <pre><code>import React from 'react';
  import { Test } from '@models/test.interface';
  import { CONFIG } from '@api/something';
  import logo from './logo.svg';
  import './App.css';
  
  function App() {
    const test: Test = {
      x: 10
    };
    return (
      &lt;div className=&quot;App&quot;&gt;
        &lt;header className=&quot;App-header&quot;&gt;
          &lt;img src={logo} className=&quot;App-logo&quot; alt=&quot;logo&quot; /&gt;
          &lt;p&gt;
            Edit
            {test.x}
            {CONFIG.KEY}
            &lt;code&gt;src/App.tsx&lt;/code&gt;
            and save to reload.
          &lt;/p&gt;
          &lt;a
            className=&quot;App-link&quot;
            href=&quot;https://reactjs.org&quot;
            target=&quot;_blank&quot;
            rel=&quot;noopener noreferrer&quot;
          &gt;
            Learn React
          &lt;/a&gt;
        &lt;/header&gt;
      &lt;/div&gt;
    );
  }
  
  export default App;
  </code></pre>
  <p>My interface were found and compiled succefull but my 'CONFIG' weren´t. My CONFIG is a const that i export, while 'Test' is a interface.</p>
  <p>When i compile only my interface Test, it goes completely fine. But when i import my const CONFIG, it gives this error:</p>
  <pre><code>Failed to compile.
  
  ./src/App.tsx
  Module not found: Can't resolve '@api/something' in 'C:\Users\shadownet\Desktop\files_work\web-project\src'
  </code></pre>
  <p>Any thoughts?</p>