javascript - Next.js でクエリ文字列パラメーターを使用してルーティングするにはどうすればよいですか?

Question

私は次のようなURLを持っています

bar?id=foo

これを介してルーティングすると、router.push('bar?id=foo')すべて正常に動作します。

しかし、ブラウザーでルートに直接アクセスすると、クエリ文字列が渡されません。

const BarComponent = ()=>{
    console.log(useRouter())
}

これは出力します

ServerRouter {
  route: '/bar',
  pathname: '/bar',
  query: {},
  asPath: '/bar',
  basePath: '',
  events: undefined,
  isFallback: false,
  locale: undefined,
  isReady: false,
  locales: undefined,
  defaultLocale: undefined,
  domainLocales: undefined,
  isPreview: false,
  isLocaleDomain: false
}