title: React - Minified exception occurred in mvc
body: <p>i want add some <code>react.js</code> components in <code>ASP.NET mvc</code> application. but react.js sometimes working and not working. i am using <code>gulp-uglify</code> in gulp.js</p>
  
  <p>i have already try to set  : dev environment </p>
  
  <pre><code>set NODE_ENV=development
  </code></pre>
  
  <p>but still I get that error in browser console.
  <a href="https://i.stack.imgur.com/Idm24.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Idm24.png" alt="aa"></a></p>
  
  <pre><code>  @* React Library *@
          &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react.js"&gt;&lt;/script&gt;
          &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react-dom.js"&gt;&lt;/script&gt;
  
          @* JSX parser library *@
          &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"&gt;&lt;/script&gt;
  &lt;script src="/dom.jsx" type="text/babel"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>dom.jsx</p>
  
  <pre><code>    var object;
  var $item_url = "/item/";
  var $c_url = "/category/";
     var TemplateGrid = React.createClass({
    render: function() { 
      return (    
          &lt;div className="product-item column"&gt;
            &lt;span className="pin featured"&gt;Featured&lt;/span&gt;
            &lt;div className="product-preview-actions"&gt;
              &lt;figure className="product-preview-image"&gt;
                &lt;img src="assets/images/items/flat_m.jpg" alt="product-image" /&gt;
              &lt;/figure&gt;
              &lt;div className="preview-actions"&gt;
                &lt;div className="preview-action"&gt;
                  &lt;a href={$item_url + this.props.item.name}&gt;
                    &lt;div className="circle tiny primary"&gt;
                      &lt;span className="icon-tag" /&gt;
                    &lt;/div&gt;
                  &lt;/a&gt;
                  &lt;a href={$item_url + this.props.item.name}&gt;
                    &lt;p&gt;Go to Item&lt;/p&gt;
                  &lt;/a&gt;
                &lt;/div&gt;
                &lt;div className="preview-action"&gt;
                  &lt;a href={$item_url + this.props.item.name}&gt;
                    &lt;div className="circle tiny secondary"&gt;
                      &lt;span className="icon-heart" /&gt;
                    &lt;/div&gt;
                  &lt;/a&gt;
                  &lt;a href={$item_url + this.props.item.name}&gt;
                    &lt;p&gt;Favourites +&lt;/p&gt;
                  &lt;/a&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div className="product-info"&gt;
              &lt;a href={$item_url + this.props.item.ProductId + "/" + (this.props.item.name).replace(/\s/g, "_")}&gt;
                &lt;p className="text-header"&gt;{this.props.item.name}&lt;/p&gt;
              &lt;/a&gt;
              &lt;p className="product-description"&gt;&lt;/p&gt;
              &lt;a href={$c_url + this.props.item.Category}&gt;
                &lt;p className="category primary"&gt;{this.props.item.Category}&lt;/p&gt;
              &lt;/a&gt;
              &lt;p className="price"&gt;&lt;span&gt;$&lt;/span&gt;12&lt;/p&gt;
            &lt;/div&gt;         
          &lt;/div&gt;     
      );
    }
  });
      var Widgets = React.createClass({
              getInitialState: function(){
                  return {
                      items: []
                  }
              },
              componentDidMount:function(){               
                  $.get(this.props.dataUrl, function (data) {
                      object = data;
                      if(this.isMounted()){
                          this.setState({
                              items: data.tumb                            
                          });
                      }
                  }.bind(this));
              },
              componentDidUpdate: function () {
                  $(".slide-control.left,.slide-control.right").append('&lt;svg class="svg-arrow"&gt;&lt;use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-arrow"&gt;&lt;/use&gt;&lt;/svg&gt;');
                  setTimeout(function () {
                      $('.owl-carousel').owlCarousel('refresh');                   
                  }, 1000);              
              },
              render : function(){
                  var rows = [];
                  var left = [];
                  var right = [];
                  this.state.items.forEach(function (item) {
                      var i=0;
                      var o = object.objects[i]; i++;
                      document.getElementById('Thumb-title').innerText = o.name;
                      rows.push(&lt;TemplateGrid key={item.ProductId} item={item} /&gt;);
                  });               
                  return (
                &lt;div className="product-showcase"&gt;
          &lt;div className="headline primary"&gt;
            &lt;h4 id="Thumb-title" /&gt;
            &lt;div className="slide-control-wrap"&gt;
              &lt;div className="slide-control left"&gt;
              &lt;/div&gt;
              &lt;div className="slide-control right"&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div id="pl-1" className="product-list grid column4-wrap owl-carousel"&gt;
              {rows}
          &lt;/div&gt;
         &lt;/div&gt;                   
   );}
  });
  ReactDOM.render(
       &lt;Widgets dataUrl="/thumb/8/1" /&gt;,
       document.getElementsByClassName('w1')
      );
  </code></pre>