NavLink behaviour different after Navigate

[jake-jdrsoftware]

My site has a navigation bar on all pages, using something like <NavLink to={PATH.HOME}>{...}</NavLink>
If I am on a page, and I click the link to that same page - nothing happens.
However If I reach that page by redirecting (ie by calling the edit function below):

const[redirect, setRedirect] = useState(<></>);
const edit = () => setRedirect(<Navigate to={PATH.HOME} replace={true} state={{example: 'example}} />);
return <>{redirect}</>

and then click on the link for the page I am on (PATH.HOME), the page refreshes.
How do I get consistent behaviour? I don't mind if it refreshes or does nothing.

"react-router": "^7.6.3",

ReactDOM.createRoot(document.getElementById('root')!).render(
    <React.StrictMode>
        <BrowserRouter basename={Config.APP_URL}>
            <App/>
        </BrowserRouter>
    </React.StrictMode>
);