title: Custom Library Components Does not show required props on intellisense
body: <p>I developed a custom React component library to be consume on a private npm. All my components are Typescript React Class Components and in many I used interfaces to declare which props are optional or required. Example:</p>
  <pre><code>export interface ICardLinkProps {
  
      Title: string;
      Description: string;
      ActionText: string;
      DestinationUrl?: string;
      ImageUrl?: string;
      Icon?: string;
      Theme: Theme;
  }
  
  export class CardLink extends React.Component&lt;ICardLinkProps&gt; {
     /// component Code.
  }
  </code></pre>
  <p>All the components work as expected but when my coworkers install de package the intellisense does not show the required props. Example:</p>
  <p><a href="https://i.stack.imgur.com/Kcn3j.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Kcn3j.png" alt="No intellinse" /></a></p>
  <p>In contrast if I consume a component from Material-UI the intellisense shows all  required and optional props.</p>
  <p><a href="https://i.stack.imgur.com/dJkAp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dJkAp.png" alt="yes Intellinse" /></a></p>
  <p>Does anyone have an idea on Why I am not getting the intellisense for my components? I'm using rollup to export build the package, this is my configuration:</p>
  <pre><code>import typescript from &quot;rollup-plugin-typescript2&quot;;
  import commonjs from &quot;rollup-plugin-commonjs&quot;;
  import external from &quot;rollup-plugin-peer-deps-external&quot;;
  import resolve from &quot;rollup-plugin-node-resolve&quot;;
  import url from &quot;rollup-plugin-url&quot;;
  import PeerDepsExternalPlugin from &quot;rollup-plugin-peer-deps-external&quot;;
  
  import pkg from &quot;./package.json&quot;;
  
  
  export default {
    input: &quot;src/index.ts&quot;,
    output: [
      {
        file: pkg.main,
        format: &quot;cjs&quot;,
        exports: &quot;named&quot;,
        sourcemap: true
      },
      {
        file: pkg.module,
        format: &quot;es&quot;,
        exports: &quot;named&quot;,
        sourcemap: true
      }
    ],
    plugins: [
  
      url({
        include: ['**/*.ttf', '**/*.png'],
        limit: Infinity
      }),
      PeerDepsExternalPlugin(),
      external(),
      resolve(),
      typescript({
        rollupCommonJSResolveHack: true,
        exclude: &quot;**/__tests__/**&quot;,
        clean: true
      }),
      commonjs({
        include: [&quot;node_modules/**&quot;],
        namedExports: {
          &quot;node_modules/react/react.js&quot;: [
            &quot;Children&quot;,
            &quot;Component&quot;,
            &quot;PropTypes&quot;,
            &quot;createElement&quot;
          ],
          &quot;node_modules/react-dom/index.js&quot;: [&quot;render&quot;],
          'node_modules/react-is/index.js': [
            'isElement',
            'isValidElementType',
            'ForwardRef',
            'Memo',
            'isFragment'
          ],
          'node_modules/prop-types/index.js': [
            'elementType'
          ]
        }
      })
    ]
  };
  </code></pre>
  <p>Here is my tsconfig.json</p>
  <pre><code>{
    &quot;compilerOptions&quot;: {
      &quot;outDir&quot;: &quot;dist&quot;,
      &quot;module&quot;: &quot;esnext&quot;,
      &quot;target&quot;: &quot;es5&quot;,
      &quot;lib&quot;: [
        &quot;es6&quot;,
        &quot;dom&quot;,
        &quot;es2016&quot;,
        &quot;es2017&quot;
      ],
      &quot;sourceMap&quot;: true,
      &quot;allowJs&quot;: false,
      &quot;jsx&quot;: &quot;react&quot;,
      &quot;declaration&quot;: true,
      &quot;moduleResolution&quot;: &quot;node&quot;,
      &quot;forceConsistentCasingInFileNames&quot;: true,
      &quot;noImplicitReturns&quot;: true,
      &quot;noImplicitThis&quot;: true,
      &quot;noImplicitAny&quot;: true,
      &quot;strictNullChecks&quot;: true,
      &quot;suppressImplicitAnyIndexErrors&quot;: true,
      &quot;noUnusedLocals&quot;: true,
      &quot;noUnusedParameters&quot;: true,
      &quot;allowSyntheticDefaultImports&quot;: true,
      &quot;esModuleInterop&quot;: true,
      &quot;typeRoots&quot;: [
        &quot;src/types&quot;
      ]
    },
    &quot;include&quot;: [
      &quot;src&quot;
    ],
    &quot;exclude&quot;: [
      &quot;node_modules&quot;,
      &quot;dist&quot;,
      &quot;src/**/*.stories.tsx&quot;,
      &quot;src/**/*.test.tsx&quot;
    ]
  }
  </code></pre>
  <p>Here is the dist folder after runing rollup -c:</p>
  <p><a href="https://i.stack.imgur.com/KiqXt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KiqXt.png" alt="componentsDts" /></a></p>
  <p><a href="https://i.stack.imgur.com/Ab03d.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ab03d.png" alt="rootfolder" /></a></p>
  <p>This is the contents of the CardLink.d.ts</p>
  <pre><code>import React from &quot;react&quot;;
  import { ICardLinkProps } from &quot;./ICardLinkProps&quot;;
  /**
   * CardLink Component
   * @extends {Component&lt;ICardLinkProps,ICardLinkState&gt;}
   */
  export declare const CardLink: React.ComponentType&lt;Pick&lt;Pick&lt;ICardLinkProps, &quot;theme&quot; | &quot;classes&quot;&gt; &amp; Partial&lt;Pick&lt;ICardLinkProps, &quot;Title&quot; | &quot;Description&quot; | &quot;ActionText&quot; | &quot;DestinationUrl&quot; | &quot;ImageUrl&quot; | &quot;Icon&quot; | &quot;Secondary&quot;&gt;&gt; &amp; Partial&lt;Pick&lt;{
      Title: string;
      Description: string;
      ActionText: string;
      DestinationUrl: string;
      ImageUrl: string;
      Icon: string;
      Secondary: boolean;
  }, never&gt;&gt;, &quot;Title&quot; | &quot;Description&quot; | &quot;ActionText&quot; | &quot;DestinationUrl&quot; | &quot;ImageUrl&quot; | &quot;Icon&quot; | &quot;Secondary&quot;&gt; &amp; import(&quot;@material-ui/core&quot;).StyledComponentProps&lt;&quot;centeredIcon&quot; | &quot;icon&quot; | &quot;bellowMargin&quot; | &quot;paper&quot; | &quot;paperSecondary&quot; | &quot;iconSecondary&quot; | &quot;container&quot; | &quot;actionsArea&quot;&gt;&gt;;
  </code></pre>
  <p>Thanks in advance.</p>