Why is activeClassName not working in React.js?

Question

React

import React from 'react';
import s from './Nav.module.css';
import { NavLink } from 'react-router-dom';

const Navbar = () => {
    return (
        <nav className={s.nav}>
            <div className={s.item}>
                <NavLink to="/profile" activeClassName={s.selected}>Profile</NavLink>
            </div>
            <div className={s.item}>
                <NavLink to="/dialogs" activeClassName={s.selected}>Dialogs</NavLink>
            </div>
            <div className={s.item}>
                <a href="/#">Music</a>
            </div>
            <div className={s.item}>
                <a href="/#">Settings</a>
            </div>
        </nav>
    )
}

export default Navbar;

activeClassName does not add any classes to the element - I looked even in the html code of the page. Tried the same. Doesn't help. activeClassName="selected"

Answer 1

I decided by launching the project not through cmd, but through the VS Code console.

Answer 2

Gods!!
You just saved my monitor from death.
I already wanted out of rage why it doesn’t work, throw everything away and become a courtesan, as in that joke