title: How to import .js file inside my .tsx file
body: <p>I am having an issue where webpack is telling me:</p>
  
  <blockquote>
    <p>ERROR in ./app/app.tsx
    (4,25): error TS2307: Cannot find module './sample-data'.</p>
  </blockquote>
  
  <p>My imports look like this: </p>
  
  <pre><code>import * as React from 'react';
  import * as ReactDom from 'react-dom';
  import { InboxPane } from './components/Inbox';
  import * as Samples from './sample-data'; 
  </code></pre>
  
  <p>And lastly this is my sample-data.js file that I am trying to import:</p>
  
  <pre><code>module.exports = {
    "humans": {
      "John Smith" : {
        "conversations": [
          {
            "who": "bot",
            "text": "Hello, can I take your order?",
            "time": new Date(2016, 4, 5, 15, 10, 0, 0)
          },
          {
            "who": "human",
            "text": "Can I have a small meat-lovers pizza?",
            "time": new Date(2016, 4, 5, 15, 10, 30, 0)
          }, 
          {
            "who": "bot",
            "text": "Where would you like it delivered?",
            "time": new Date(2016, 4, 5, 15, 11, 0, 0)
          },
          {
            "who": "human",
            "text": "123 Sesame Street, Montreal, Canada",
            "time": new Date(2016, 4, 5, 15, 11, 30, 0)
          },
        ],
        "orders": [
          {
            "time": new Date(2016, 4, 5, 15, 11, 45, 0),
            "pizzas": [{
              "toppings": ["Meat-Lovers"],
              "size": "S"
            }],
            "price": 15,
            "address": "321 Sesame Street, Montreal, Canada",
            "status": "Confirmed" // status := Open -&gt; Confirmed -&gt; In The Oven -&gt; Delivered
          }
        ]
      },
      "Alan Foster" : {
        "conversations": [
          {
            "who": "bot",
            "text": "Hello, can I take your order?",
            "time": new Date(2016, 4, 4, 20, 30, 0, 0)
          },
          {
            "who": "human",
            "text": "I would like to order an extra-large cheese pizza",
            "time": new Date(2016, 4, 4, 20, 30, 15, 0)
          }, 
          {
            "who": "bot",
            "text": "Where would you like it delivered?",
            "time": new Date(2016, 4, 4, 20, 30, 30, 0)
          },
          {
            "who": "human",
            "text": "123 Sesame Street, Montreal, Canada",
            "time": new Date(2016, 4, 4, 20, 30, 45, 0)
          },
        ],
        "orders": [
          {
            "time": new Date(2016, 4, 4, 20, 31, 0, 0),
            "pizzas": [{
              "toppings": ["cheese"],
              "size": "XL"
            }],
            "price": 15,
            "address": "123 Sesame Street, Montreal, Canada",
            "status": "Delivered" // status := Open -&gt; Confirmed -&gt; In The Oven -&gt; Delivered
          }
        ]
      }
    }
  };
  </code></pre>
  
  <p>If I change it to sample-data.ts I get told that it isn't a module. How do I go about getting this loaded into my .tsx file?</p>