Cannot create an element in react component dynamically : <p>Im not able to create a React component dynamically.
I see blank page with no errors with below code.</p>

<p>1) Trying to create an element named  "PieChart" </p>

<p>2) Below are the Two errors im seeing in console.</p>

<pre><code>1. Warning: &lt;PieChart /&gt; is using incorrect casing. Use PascalCase for    
   React components, or lowercase for HTML elements.

2. Warning: The tag &lt;PieChart/&gt; is unrecognized in this browser. If you
   meant to    render a React component, start its name with an
   uppercase letter.
</code></pre>

<p>3) Im Already using Pascal case "PieChart"</p>

<pre><code>import PieChart from "../component/PieChart";
class App extends Component {

  render() {
    const GraphWidget = React.createElement("PieChart");
    return (
      &lt;div&gt;
        {GraphWidget}

      &lt;/div&gt;
    )
  }


}


export default App;
</code></pre>
