JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/r/bs-3.3.5/jq-2.1.4,dt-1.10.8/datatables.min.css">
<script src="https://cdn.datatables.net/r/bs-3.3.5/jqc-1.11.3,dt-1.10.8/datatables.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker3.min.css">
 <div class="sidebar-sticky">
                <ul class="nav flex-column">
                    <li class="nav-item active">
                        <a class="nav-link" href="~/Alunos/Index/">

                            Alunos
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="~/Funcionarios/Index/">
                            Funcionarios
                        </a>
                    </li>
                    </ul>
                </div>

JavaScript

$('.nav li').click(function() {
    $(this).siblings('li').removeClass('active');
    $(this).addClass('active');
    
    return false;
});