title: React js. Passing Props to the index.js file gives me an 'undefined' error
body: <p>Here's my ToDoComp.js file</p>
  
  <pre><code>class ToDoComp extends Component {
  
      render () {
          return (
              &lt;div&gt;
              &lt;h1&gt; {this.props.product.name} &lt;/h1&gt;
  
              &lt;/div&gt;
              );
      }
  }
  
   var prod={"id":2,"name":"An ice sculpture","price":"12.50"};
   export default ToDoComp;
  </code></pre>
  
  <p>my index.js file </p>
  
  <pre><code>ReactDOM.render(&lt;ToDoComp  product={prod} /&gt;, document.getElementById('root'));
  registerServiceWorker();
  </code></pre>
  
  <p>I'm getting an error like this</p>
  
  <p>./src/index.js<br>
  Line 8:  'prod' is not defined  no-undef</p>