How can I make make the class of an entry link "active" if entry is the current url?

I’m currently using the below jQuery but it’s buggy as it relies on looking for ‘similar’ URL and not the exact URL.
Is there a way it can be done just using Twig?

{% set mainNavigation = craft.entries.section('mainNavigation').all() %}

<div class="navbox-collapse collapse" id="navbar-menu">
    <ul class="nav" data-in="fade-In-Down" data-out="fade-Out-Up">

    {% nav page in mainNavigation %}

        <li  class="{% if page.hasDescendants() %}topLevel dropdown {% else %}singleLevel{% endif %}">
        
            {% if page.customUrl|length %}
                <a {% if page.hasDescendants() %} class="dropdown-toggle" data-toggle="dropdown" {% endif %} href="{{ page.customUrl }}"><span>{{ page.title }}</span></a>
            {% else %}
                <a {% if page.hasDescendants() %} class="dropdown-toggle pageLink" data-toggle="dropdown" {% endif %} href="{{ page.selectEntry.one().url }}"><span>{{ page.title }}</span></a> 
            {% endif %}
            
            {% ifchildren %}
                <ul class="dropdown-menu megamenu-content {% if page.doubleColMenu.contains('twoxcol') %}twoxcol {% endif %}">
                    {% children %}
                </ul>
            {% endifchildren %}
        </li>
            
    {% endnav %}
</div>

<script type="text/javascript">
    $(function(){
    var current = location.pathname;
    $('#navbar-menu li a').each(function(){
    var $this = $(this);
    // if the current path is like this link, make it active
    if($this.attr('href').indexOf(current) !== -1){
        $this.addClass('active');
    }
})
    })
</script>