title: Add path alias for typescript
body: <p>I am using create-react-app as scaffolding and tsconfig-paths as extension of my tsconfig because create-react-app is removing my paths when ran. I have been using this setup for a year now and I have no problems with it but recently when I created a project from scratch, it doesn't work anymore</p>
  <p>tsconfig.json:</p>
  <pre><code>{
    &quot;extends&quot;: &quot;./tsconfig-paths.json&quot;,
    &quot;compilerOptions&quot;: {
      &quot;target&quot;: &quot;es5&quot;,
      &quot;lib&quot;: [
        &quot;dom&quot;,
        &quot;dom.iterable&quot;,
        &quot;esnext&quot;
      ],
      &quot;types&quot;: [
        &quot;cypress&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;downlevelIteration&quot;: true
    },
    &quot;include&quot;: [
      &quot;src&quot;
    ]
  }
  </code></pre>
  <p>tsconfig-paths.json:</p>
  <pre><code>{
      &quot;compilerOptions&quot;: {
          &quot;baseUrl&quot;: &quot;./src&quot;,
          &quot;paths&quot;: {
              &quot;components/*&quot;: [&quot;./components/*&quot;],
              &quot;constants/*&quot;: [&quot;./constants/*&quot;],
              &quot;pages/*&quot;: [&quot;./pages/*&quot;],
              &quot;assets/*&quot;: [&quot;./assets/*&quot;],
              &quot;actions/*&quot;: [&quot;./actions/*&quot;],
              &quot;reducers/*&quot;: [&quot;./reducers/*&quot;],
              &quot;layouts/*&quot;: [&quot;./layouts/*&quot;],
              &quot;routes/*&quot;: [&quot;./routes/*&quot;],
              &quot;utils/*&quot;: [&quot;./utils/*&quot;],
              &quot;theme/*&quot;: [&quot;./theme/*&quot;],
              &quot;api&quot;: [&quot;./api&quot;],
              &quot;hooks&quot;: [&quot;./hooks&quot;],
              &quot;formdocuments/*&quot;: [&quot;./formdocuments/*&quot;],
        &quot;enums/*&quot;: [&quot;./enums/*&quot;]
          }
      }
  }
  </code></pre>
  <p>scripts:</p>
  <pre><code>&quot;scripts&quot;: {
      &quot;start&quot;: &quot;craco start&quot;,
      &quot;build&quot;: &quot;craco build&quot;,
      &quot;test&quot;: &quot;craco test&quot;,
      &quot;eject&quot;: &quot;react-scripts eject&quot;
  },
  </code></pre>