<div>

      Screen1

      <div>

        <NavLink

          to="/other"

          exact

          className={({ isActive }) => (isActive ? "selected" : "normal")}

        >

          other

        </NavLink>

      </div>

      <Outlet></Outlet>

    </div>

​

//css 

.normal {

  border: 2px solid green;

}

.selected {

  border: 2px solid yellow;

}

​