While developing a web application using next js, I have encountered an issue with Router Push. It redirects to the login page successfully, but upon redirection to the login page, I am receiving double notifications. Can someone help me identify and fix this problem so that only one notification is shown?
(1) Dashboard Page
import { useRouter } from "next/router";
import { useContext } from "react";
import { toast } from "react-toastify";
import AppContext from "../../components/AppContext";
import DashLayout from "../../layouts/DashLayout";
function DashMain() {
const router = useRouter();
const server = useContext(AppContext);
if (!server.auth) {
router.push("/auth/login");
toast.success("Please login to access the dashboard");
}
return (
<>
{server.auth ?
<h2>Welcome to the Dashboard</h2>
:
<h1>Please login to access the dashboard</h1>
}
</>
);
}
export default DashMain;
(2) Login Page
import { useContext, useState } from "react";
import Head from "next/head";
import { useRouter } from "next/router";
import Link from "next/link";
import Image from "next/image";
import AppContext from "../../components/AppContext";
import { toast } from "react-toastify";
import MainLayout from "../../layouts/MainLayout";
function Login() {
const server = useContext(AppContext);
const router = useRouter();
if (server.auth) {
router.push("/");
toast.success("You are already logged in");
}
//states
const [email, setEmail] = useState("");
const [password, setPassword] = useState("");
const [errors, setErrors] = useState("");
//Login Submit
const submitForm = (e) => {
e.preventDefault();
server.login({ email, password, setErrors });
}
if (server.userLoading) {
return (
<div id="mainmodal">
<div className="modalcontent">
<span className='loader'></span>
</div>
</div>
);
}
return (
<>
.......
</>
);
}
export default Login;
Login.getLayout = function getLayout(page) {
return <MainLayout>{page}</MainLayout>;
};
Similarly, when the router redirects from the login page to the home page, I encounter the issue of receiving double notifications. I would appreciate a proper solution for this.