Next Js Router.replace is not a function

Question

When I try to replace using Router.replace() I get the following error:

TypeError: next_router__WEBPACK_IMPORTED_MODULE_6__.Router.replace is not a function

I have tried like this:

import { Router } from "next/router";

  {isAuth() && (
              <NavItem>
                <Link href="/signup">
                  <NavLink
                    style={{ cursor: "pointer" }}
                    onClick={() => signout(() => Router.replace(`/signin`))}
                  >
                    SignOut
                  </NavLink>
                </Link>
              </NavItem>
            )}

Any Suggestion please.

Will Jenkins · Accepted Answer · 2021-03-17 16:20:12Z

2

The docs recommend using it as Hook:

import { useRouter } from 'next/router'

export default function YourComponent(props) {
  const router = useRouter()

  // *** //

 {isAuth() && (
          <NavItem>
            <Link href="/signup">
              <NavLink
                style={{ cursor: "pointer" }}
                onClick={() => signout(() => router.replace(`/signin`))}
              >
                SignOut
              </NavLink>
            </Link>
          </NavItem>
        )}

answered Mar 17, 2021 at 16:20

Will Jenkins

9,9371 gold badge30 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

elpmid · Accepted Answer · 2021-03-17 16:21:29Z

1

Nextjs recommend using useRouter. You can access router object through this hook like this.

import { useRouter } from 'next/router'

export default function Page() {
  const router = useRouter()

  return (
    <NavLink onClick={() => signOut(() => router.replace('/signin'))}>Signout</NavLink>
  )
}

answered Mar 17, 2021 at 16:21

elpmid

9321 gold badge6 silver badges19 bronze badges

Collectives™ on Stack Overflow

Next Js Router.replace is not a function

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related