title: react.js the above error occurred in the <div> component (there is no error above)
body: <p>So, I am trying to get a React App up and going. I copied in some HTML from a template into a component. I am running into an error and its not really clear how to handle it. Here is the error. Note <strong>there is no error above</strong>:</p>
  <pre><code>'index.js:1446 The above error occurred in the &lt;div&gt; component:
      in div (at App.js:57)
      in div (at App.js:28)
      in div (at App.js:15)
      in div (at App.js:14)
      in App (at src/index.js:7)
  </code></pre>
  <p>Here is the code that I am placing in App.js:</p>
  <pre><code>import React, { Component } from 'react';
  import logo from './logo.svg';
  import Test from './components/Test.js'
  import './App.css';
  
  
  class App extends Component {
  render() {
  return (
  
  &lt;React.Fragment&gt;
    &lt;Test /&gt;
  
  &lt;div className=&quot;probootstrap-hero&quot;&gt;
    &lt;div className=&quot;container&quot;&gt;
      &lt;div className=&quot;row&quot;&gt;
        &lt;div className=&quot;col-md-8 col-md-offset-2 col-sm-8 col-sm-offset-2 text-center probootstrap-hero-text pb0 probootstrap-animate&quot; data-animate-effect=&quot;fadeIn&quot;&gt;
          &lt;h1&gt;Launch your awesome startup now!&lt;/h1&gt;
          &lt;p&gt;Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto provident qui tempore natus quos quibusdam soluta at.&lt;/p&gt;
          &lt;p&gt;
            &lt;a href=&quot;#&quot; className=&quot;btn btn-primary btn-lg&quot; role=&quot;button&quot;&gt;Get This App&lt;/a&gt;
            &lt;a href=&quot;#&quot; className=&quot;btn btn-primary btn-ghost btn-lg&quot; role=&quot;button&quot;&gt;Try it for free&lt;/a&gt;
          &lt;/p&gt;
          &lt;p&gt;&lt;a href=&quot;#&quot;&gt;&lt;i className=&quot;icon-play2&quot;&gt;&lt;/i&gt; Watch the video&lt;/a&gt;&lt;/p&gt; 
         &lt;/div&gt;
        &lt;/div&gt;
       &lt;/div&gt;
      &lt;/div&gt;
     
     &lt;/React.Fragment&gt;
  )}
  </code></pre>