Next.js useRouter: push or replace

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19import { useRouter } from "next/router";
import { useEffect, useState } from "react";

export default function useUser() {
  const [user, setUser] = useState();
  const router = useRouter();
  useEffect(() => {
    fetch(`/api/users/me`).then((response) =>
      response.json().then((data) => {
        if (!data.ok) {
          return router.replace("/enter");
        }
        setUser(data.profile);
      })
    );
  }, [router]);

  return user;
}