title: Ionic React styles not rendering even after importing the styles in app.js
body: <p>I'm trying to use the ionic ui library(<code>@ionic/react</code>) to create the interface of my app. <br/>
  I've included the core.css file from ionic. <br />
  But the components render without styles.</p>
  <p>Following is the code in my App.js</p>
  <pre><code>import React from 'react'
  import { IonButton } from '@ionic/react';
  
  
  import '@ionic/react/css/core.css';
  
  const App = () =&gt; {
    return (
      &lt;&gt;
        &lt;IonButton color=&quot;primary&quot;&gt;Primary&lt;/IonButton&gt;
        &lt;IonButton color=&quot;secondary&quot;&gt;Secondary&lt;/IonButton&gt;
        &lt;IonButton color=&quot;tertiary&quot;&gt;Tertiary&lt;/IonButton&gt;
        &lt;IonButton color=&quot;success&quot;&gt;Success&lt;/IonButton&gt;
        &lt;IonButton color=&quot;warning&quot;&gt;Warning&lt;/IonButton&gt;
        &lt;IonButton color=&quot;danger&quot;&gt;Danger&lt;/IonButton&gt;
        &lt;IonButton color=&quot;light&quot;&gt;Light&lt;/IonButton&gt;
        &lt;IonButton color=&quot;medium&quot;&gt;Medium&lt;/IonButton&gt;
        &lt;IonButton color=&quot;dark&quot;&gt;Dark&lt;/IonButton&gt;
      &lt;/&gt;
    )
  }
  
  export default App
  
  </code></pre>
  <p><a href="https://i.stack.imgur.com/LYc7H.png" rel="nofollow noreferrer">check this image to see the result</a></p>
  <p>dependencies versions: - <br />
  &quot;@ionic/react&quot;: &quot;^6.0.9&quot;, <br />
  &quot;react&quot;: &quot;^16.13.1&quot;, <br /></p>