Routes not rendering components when navigating

When using navigate or redirect the route changes but doesn't render any component Router:

 <Router>
     <Login path="/login"/>
      <Redirect
        noThrow
        from="/"
        to="/login"
      />
 </Router>

The component Login only renders if i reload the pahe on the "/login" route dependencies: "@reach/router": "^1.3.4", "@types/react-dom": "^17.0.14", "bootstrap": "^5.1.3", "node-sass": "^7.0.1", "react": "^18.0.0", "react-dom": "^18.0.0", "react-redux": "^7.2.8", "react-scripts": "5.0.0", "reactstrap": "^9.0.1", "redux": "^4.1.2", "redux-devtools-extension": "^2.13.9", "redux-thunk": "^2.4.1", "sass": "^1.49.11", "typescript": "^4.6.3" "@types/node": "^16.11.26", "@types/reach__router": "^1.3.10", "@typescript-eslint/eslint-plugin": "^5.18.0", "@typescript-eslint/parser": "^5.18.0", "eslint": "^8.11.0", "eslint-config-async": "^1.0.1", "eslint-config-standard": "^16.0.3", "eslint-plugin-import": "^2.25.4", "eslint-plugin-node": "^11.1.0", "eslint-plugin-promise": "^5.2.0", "eslint-plugin-react": "^7.29.4"