how to make a navlink active on page load in react router code example

Example 1: why navlink in react router always active

<li> <NavLink exact to='/' activeClassName="active-link">Home</NavLink> </li>

Example 2: navlink

<NavLink to="/about">About</NavLink>