[Next.js 14] 간단하게 화면 새로고침하기

데이터가 업데이트 되거나 변경 사항을 반영해야 할 때 화면을 새로고침해야 하는 경우가 있다.

이럴 때는 아래와 같이 router.reload()를 사용하면 간단하게 화면을 새로고침할 수 있다.

import {useRouter} from "next/navigation";

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

    return (
        <button type="button" onClick={() => router.reload()}>
        	새로고침
        </button>
    )
}