Load my styles files inside React helmet, before the component styles load

In my applications app.js, I load bootstrap CSS inside my react helmet for some reason, but loads after components customs styles loads. So some of my overrides styles not working. how can i load react-helmet CSS before the components?. Please help me on that

app.js

import React, { Component, Suspense, lazy } from "react";
import ...mycomponents
class App extends Component {
render() {
<div>
<Helmet>
 <link
  type="text/css"
  rel="stylesheet"
  href="vendors/bootstrap/css/bootstrap.css"/>
</Helmet>
<Switch>
  <Route path="/home">
    <Home {...this.props} />
  </Route>
</Switch>
</div>
}
}

So need to load bootsrap.css before home component loads.

Source: Ask Javascript Questions

LEAVE A COMMENT