Why isn't the console log in clean up function ever printed?? Even when I navigate away to another page it still isn't printed.
The interval that was created also DOESN'T continue to run as I navigate to a different page even though I didnt clear it.
App.js
return (
<Router>
<>
{loginStatus && <NavbarTemplate loggedInUserName={loggedInUserName}></NavbarTemplate>}
<Routes>
<Route path='/' element={<LandingPage></LandingPage>}></Route>
<Route path='/login' element={<LoginPage loginFunction={loginFunction} registerUserAccountFunction={registerAccountFunction} currentState='login'></LoginPage>}></Route>
<Route path='/register' element={<LoginPage loginFunction={loginFunction} registerUserAccountFunction={registerAccountFunction} currentState='signup'></LoginPage>}></Route>
<Route path='/currency' element={<CurrencyPage></CurrencyPage>}></Route>
{<Route path='/wallet' element={<WalletPage loggedInUserID={loggedInUserID}> </WalletPage>}></Route>}
</Routes>
</>
</Router>
);
Navigation Bar
<Navbar bg="dark" variant="dark">
<Container>
<Navbar.Brand href="#home">React-Bootstrap</Navbar.Brand>
<Navbar.Toggle aria-controls="basic-navbar-nav" />
<Navbar.Collapse id="basic-navbar-nav">
<Nav className="me-auto">
<Nav.Link href="/">Home</Nav.Link>
<Nav.Link href="/currency">Currency</Nav.Link>
<Nav.Link href="/wallet">Wallet</Nav.Link>
<Nav.Link href="/login">Login</Nav.Link>
<NavDropdown title="Dropdown" id="basic-nav-dropdown">
<NavDropdown.Item href="#action/3.1">Action</NavDropdown.Item>
<NavDropdown.Item href="#action/3.2">
Another action
</NavDropdown.Item>
<NavDropdown.Item href="#action/3.3">Something</NavDropdown.Item>
<NavDropdown.Divider />
<NavDropdown.Item href="#action/3.4">
Separated link
</NavDropdown.Item>
</NavDropdown>
</Nav>
</Navbar.Collapse>
<Navbar.Toggle />
<Navbar.Collapse className="justify-content-end">
<Navbar.Text>
Signed in as: <a href="#login">{props.loggedInUserName}</a>
</Navbar.Text>
</Navbar.Collapse>
</Container>
</Navbar>
LandingPage.js
useEffect(() => {
//Gets new information every 6 seconds
const intervalCall = setInterval(() => {
console.log("Lading page 6 seconds call!");
const currTime = new Date().toLocaleTimeString();
console.log("Time -> "+currTime);
}, 60*100);
return () => {
console.log("CLEAR INTERVAL");
// clearInterval(intervalCall);
};
},[])
