When attempting to access the app dashboard without authentication, I wanted to redirect the user to the homepage. However, I encountered an issue with Route.push() not working as expected.
To test this behavior further, I modified Router.push('/') to Router.push('/hey') - a non-existent page, and surprisingly it worked, altering the route successfully. Additionally, I noticed that while accessing a path like Router.push('/auth/signin') did not work, Router.push('/auth') was successful.
import { isAuthenticated } from "../helpers/auth";
import { Component } from "react";
import { Router } from "../routes";
class Ads extends Component {
handleAuthentication = () => {
if (localStorage.getItem("auth-token")) {
return true;
}
};
componentDidMount() {
if (this.handleAuthentication()) {
console.log("User authenticated");
} else {
Router.pushRoute("/auth/signup");
}
}
render() {
return (
<div>
<p> Dashboard </p>
</div>
);
}
}
export default Ads;