title: Typescript: baseUrl doesn't work when importing from subfolder?
body: <p>I have a file located in <code>src/components/SvgIcon/SvgIcon.stories.tsx</code>. Inside it, I try to import like this:</p>
  <p><code>src/components/SvgIcon/SvgIcon.stories.tsx</code></p>
  <pre><code>import { SVG_ICON_SIZES, SVG_ICON_COLORS } from 'constants/properties';
  </code></pre>
  <p>However, it keeps complaining with this error:
  <code>Cannot find module 'constants/properties' or its corresponding type declarations.</code></p>
  <p>There's nothing special going on in my properties.ts file:</p>
  <p><code>src/constants/properties.ts</code></p>
  <pre><code>export enum SVG_ICON_SIZES {
    SMALL = 'small',
    MEDIUM = 'medium',
    LARGE = 'large',
    XL = 'xl',
  }
  
  export enum SVG_ICON_COLORS {
    PRIMARY = 'primary',
    SECONDARY = 'secondary',
    DISABLED = 'disabled',
    NEGATIVE = 'negative',
    WARNING = 'warning',
    POSITIVE = 'positive',
    INTERACTIVE = 'interactive',
    LIGHT = 'light',
  }
  
  </code></pre>
  <p>This is what my <code>tsconfig.json</code> looks like:</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;baseUrl&quot;: &quot;src&quot;,
      &quot;skipLibCheck&quot;: true,
      &quot;esModuleInterop&quot;: true,
      &quot;allowSyntheticDefaultImports&quot;: true,
      &quot;declaration&quot;: true,
      &quot;declarationDir&quot;: &quot;dist&quot;,
      &quot;emitDeclarationOnly&quot;: true,
      &quot;strict&quot;: true,
      &quot;strictNullChecks&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;jsx&quot;: &quot;react&quot;,
      &quot;types&quot;: [&quot;jest&quot;],
      &quot;typeRoots&quot;: [&quot;src/types&quot;, &quot;node_modules/@types&quot;]
    },
    &quot;include&quot;: [&quot;src&quot;],
    &quot;exclude&quot;: [&quot;node_modules&quot;, &quot;src/**/*.stories.tsx&quot;]
  }
  
  </code></pre>
  <p>In my less nested file, everything works as expected:</p>
  <p><code>src/components/Menu.tsx</code></p>
  <p><a href="https://i.stack.imgur.com/V9n94.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/V9n94.jpg" alt="enter image description here" /></a></p>
  <p>Why is it not working in the subfolder?</p>