title: How to use react-test-renderer/shallow with typescript?
body: <p>I want to use <code>react-test-renderer/shallow</code> to test my react component.</p>
  
  <p>But when I <code>import ShallowRenderer from 'react-test-renderer/shallow';</code></p>
  
  <p><code>tsc</code> give me an error <code>'Module '"/Users/dulin/workspace/react-ts-webpack2/node_modules/@types/react-test-renderer/shallow/index"' has no default export.</code></p>
  
  <p>So, How to <code>import</code> <code>ShallowRenderer</code> with <code>typescript</code></p>
  
  <p>-- update --</p>
  
  <p>finally, I change my test filename from <code>index.test.tsx</code> -> <code>index.test.jsx</code> to avoid the <code>tsc</code> error caused by <code>definition</code>.</p>
  
  <pre><code>import * as React from 'react';
  import * as TestUtils from 'react-dom/test-utils';
  import * as ShallowRenderer from 'react-test-renderer/shallow';
  import PanelHead from '../';
  
  describe('PanelHead test suites', () =&gt; {
  
    it('t-1', () =&gt; {
  
      const renderer = new ShallowRenderer();
      renderer.render(&lt;PanelHead /&gt;)
      const result = renderer.getRenderOutput();
  
      expect(result.type).toBe('div');
  
    });
  
  });
  </code></pre>