[Next.js] 動的なルートにて2つ以上のクエリを取得する方法

Question

前提・実現したいこと

簡単なカレンダーを作成しています。
検索しても分からなかったので質問させてください

理想

URL: http://localhost:3000/calendar/2020/7

import { useRouter } from 'next/router'
const router = useRouter()
const { year, month } = router.query

=> year = 2020
=> month = 7

現状

URL: http://localhost:3000/calendar/year/month/7

├─calendar
│ └─year
│  └─month
│   └─[month].js

import { useRouter } from 'next/router'
const router = useRouter()
const { month } = router.query

=> month = 7

補足情報（FW/ツールのバージョンなど）

next: 9.4.4

Answer 1

自己解決しました。

フォルダ名を変更することで解決しました。

├─calendar
│ └─[year]
│   └─[month].js

import { useRouter } from 'next/router'
const router = useRouter()
const { year, month } = router.query