diff --git a/layouts/HomeLayout.tsx b/layouts/HomeLayout.tsx index 9485d41..129586d 100644 --- a/layouts/HomeLayout.tsx +++ b/layouts/HomeLayout.tsx @@ -2,7 +2,7 @@ import { AnimatePresence, domAnimation, LazyMotion, m } from "framer-motion"; import Head from "next/head"; -import router from "next/router"; +import { useRouter } from "next/router"; import NavBar from "../components/common/NavBar"; import { NavTemplate } from "./NavTemplates"; @@ -14,6 +14,8 @@ interface HomeLayoutProps { function HomeLayout(props: HomeLayoutProps) { // get the nav options const navOptions = props.navOptions; + // get the current route for animation purposes + const router = useRouter(); return ( <> diff --git a/package.json b/package.json index d3a42a0..45a5157 100644 --- a/package.json +++ b/package.json @@ -3,9 +3,9 @@ "version": "0.1.0", "private": true, "scripts": { - "dev": "next dev", + "dev": "next dev -p 3010", "build": "next build", - "start": "next start", + "start": "next start -p 3010", "lint": "next lint", "prepare": "husky install" },