title: Create React App and Global Types not being picked up
body: <p>I have two global types files emotion.d.ts and global.d.ts, and they're no longer being picked up.</p>
  <p>Currently using emotion theme and created a global types file for in emotion.d.ts that looks something like this:</p>
  <pre><code>import &quot;@emotion/react&quot;;
  
  declare module &quot;@emotion/react&quot; {
      export interface Theme {
          platform: PlatformType;
          colors: {
              D1: string;
              D2: string;
              D3: string;
              D4: string;
              D5: string;
          };
          categoryColors: {
              GreenGradient: string;
              BlueGradient: string;
              PurpleGradient: string;
          };
      }
  }
  
  </code></pre>
  <p>Everything was working fine but then I had to some global types as I was extending the Window. So I created global.d.ts file that looks like this:</p>
  <pre><code>declare interface Window {
      Intercom: (
          action: string,
          payload?: { [key: string]: string | number | boolean },
      ) =&gt; void;
  }
  
  declare interface Document {
      documentMode?: number;
  }
  
  
  </code></pre>
  <p>However, now when I run the app, it can not find any of the types. My TS config looks like this:</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;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;noFallthroughCasesInSwitch&quot;: true,
          &quot;typeRoots&quot;: [&quot;./src/global.d.ts&quot;, &quot;./src/emotion.d.ts&quot;]
      },
      &quot;include&quot;: [&quot;src&quot;, &quot;src/global.d.ts&quot;, &quot;src/emotion.d.ts&quot;]
  }
  
  </code></pre>
  <p>Should also note though the types do appear in auto-complete while typing in VS code</p>