use router replace in next js

Question

I'm learning nextjs but got an error,

import { useRouter } from "next/router";
export default function Auth() {
  const router = useRouter();
  const root = router.query.auth;

  if (root !== "signin" && root !== "signup") {
    router.replace("/404");
  }

  return <div>form</div>;
}

can someone explain to me why I got an error?

Does this answer your question: [use NextRouter outside of React component](https://stackoverflow.com/a/66268808/1870780)? Essentially, you'll need to call `router.replace` inside a `useEffect`. — juliomalves, May 23 '21 at 14:19

score 0 · Answer 1 · answered May 20 '21 at 16:16

0

You didn't Import router, In next if you wanna handle routing best is do on serverside it will solve your issue.

answered May 20 '21 at 16:16

Amit Shakya

962
3
16
30

use router replace in next js

1 Answers1