Boa tarde. Desenvolvi um código mais enxuto, porém, gostaria de saber se está de acordo com as boas práticas ou se há algum gap:
import { useRouter } from "next/router";
import { useEffect } from "react";
//via client side
function getToken(){
const token = sessionStorage.getItem("token".toString())
return token
}
function AuthPageStatic() {
const router = useRouter()
useEffect(() => {
const token = getToken()
if(token){
console.log("Bem vindo")
} else {
router.push("/")
}
},[getToken])
return (
<div>
<h1>Client Side Validation </h1>
</div>
)
}
export default AuthPageStatic;