Bootstrap nav inside a React app

I'm trying to implement a Bootstrap nav inside a React + Electron app.

This is the JSX code I've written:

<ul className="nav nav-pills nav-stacked">
  <li role="presentation" className="active">
    <a href="#">
      Home
    </a>
  </li>
  <li role="presentation">
    <a href="#">
      Profile
    </a>
  </li>
</ul>

And this is what is rendered:

It's seems like the nav-pills, nav-stacked and active classes are not rendered.

I've also tried to render a table:

<table className="table table-striped table-bordered">
  <tbody>
    <tr>
      <th>1</th>
      <th>2</th>
      <th>3</th>
    </tr>
    <tr>
      <td>4</td>
      <td>5</td>
      <td>6</td>
    </tr>
    <tr>
      <td>7</td>
      <td>8</td>
      <td>9</td>
    </tr>
  </tbody>
</table>

And this one works as expected:

Is there any reason that the nav doesn't work?