[React] react, next.js 사용시 쿼리스트링을 감춰야하는 경우

URL 에서 쿼리스트링을 감출 필요가 있을 경우,

아래와 같이 Next.js Router 의 push 함수의 두번째 파라미터 as (maskes url for the browser) 를 사용해서 쿼리스트링을 감출 수 있습니다.

import { useRouter } from 'next/router'

...

const router = useRouter()

router.push(
  {
    pathname: '/sample',
    query: {
      testQuery: '12345'
    }
  },
  '/sample' // 브라우저에 표시됨
)