diff --git a/pages/blog/[slug].tsx b/pages/blog/[slug].tsx index e2d55c5..87c34bf 100644 --- a/pages/blog/[slug].tsx +++ b/pages/blog/[slug].tsx @@ -1,4 +1,4 @@ -import { FC } from 'react'; +import { FC, useEffect } from 'react'; import { getBlogPostsSlugs, getBlogPostdata } from '../../lib/blog'; import { useRouter } from 'next/router'; import { MdxRemote } from 'next-mdx-remote/types'; @@ -110,6 +110,10 @@ const BlogPost: FC = ({ source, frontMatter }) => { const content = hydrate(source, { components }); const router = useRouter(); + useEffect(() => { + window.scrollTo(0, 0); + }, []); + return ( <> diff --git a/pages/portfolio/[slug].tsx b/pages/portfolio/[slug].tsx index 8860f69..710a896 100644 --- a/pages/portfolio/[slug].tsx +++ b/pages/portfolio/[slug].tsx @@ -1,4 +1,4 @@ -import { FC } from 'react'; +import { FC, useEffect } from 'react'; import { getPortfolioPorjectsSlugs, getPortfolioProjectdata } from '../../lib/portfolio'; import { useRouter } from 'next/router'; import { MdxRemote } from 'next-mdx-remote/types'; @@ -101,6 +101,10 @@ const PortfolioProject: FC = ({ source, frontMatter }) => { const content = hydrate(source, { components }); const router = useRouter(); + useEffect(() => { + window.scrollTo(0, 0); + }, []); + return ( <>