title: while reloading the page css styles get discarded
body: <p>I am working on a react project to display the item listing page that get item by passing id in Link path from API...it is working initially fine with css but once i reload the page the styling get discard</p>
  <pre><code>&lt;ul class='categories-list clearfix'&gt;
            {props.isLoading
              ? &quot;Loading...&quot; : topCategory.map((allCategories) =&gt; allCategories.is_top_category === 'yes' ? (
              &lt;li key={allCategories.id}&gt;
                &lt;i class='category-icon'&gt;
                  &lt;img src={allCategories.icon_url} alt='' /&gt;
                &lt;/i&gt;
                &lt;h3&gt;
                  &lt;Link to={{ pathname:`${process.env.PUBLIC_URL}/ads-listing/${allCategories.id}`,state:{categoryId: allCategories.id}}}&gt;
                    {allCategories.name}
                  &lt;/Link&gt;
                &lt;/h3&gt;
              &lt;/li&gt;
            ): &quot;&quot;)}
          &lt;/ul&gt;
  </code></pre>
  <p>i am very confused why it is happening, it will be very thankful if i get a solution here</p>