title: How to use TypeScript packages in a JS project using Webpacker
body: <p>Recently needed to add a TypeScript package, getting compile errors:</p>
  <pre><code>
  ERROR in ./app/javascript/packs/src/Chart.jsx 356:43-57
  export 'ElderRaySeries' (imported as 'ElderRaySeries') was not found in 'react-financial-charts' (possible exports: defaultScaleProvider)
  
  ERROR in ./app/javascript/packs/src/Chart.jsx 364:43-61
  export 'SingleValueTooltip' (imported as 'SingleValueTooltip') was not found in 'react-financial-charts' (possible exports: defaultScaleProvider)
  
  ERROR in ./app/javascript/packs/src/Chart.jsx 377:44-59
  export 'CrossHairCursor' (imported as 'CrossHairCursor') was not found in 'react-financial-charts' (possible exports: defaultScaleProvider)
  
  ERROR in ./app/javascript/packs/src/Chart.jsx 391:30-38
  export 'withSize' (imported as 'withSize') was not found in 'react-financial-charts' (possible exports: defaultScaleProvider)
  
  ERROR in ./app/javascript/packs/src/Chart.jsx 395:3-18
  export 'withDeviceRatio' (imported as 'withDeviceRatio') was not found in 'react-financial-charts' (possible exports: defaultScaleProvider)
  </code></pre>
  <p>Looks like I need to change my webpack config to allow to transpile that package.</p>
  <p>I'm finding it hard to find any information on this, how can I do this?</p>