use getStaticPaths/getStaticProps

pages/query/[path].mdx

@@ -1,9 +0,0 @@
-import { useRouter } from "next/router";
-export const Query = () => {
-  const { query } = useRouter();
-  return <pre>{JSON.stringify(query, null, "  ")}</pre>;
-};
-
-# Query
-
-<Query />

pages/query/[path].tsx

@@ -0,0 +1,14 @@
+import { useRouter } from "next/router";
+
+export function getStaticPaths() {
+  return { paths: [{ params: { path: "test" } }], fallback: true };
+}
+
+export function getStaticProps({ params }: { params: unknown }) {
+  return { props: params };
+}
+
+export default function({ path }: { path: string }) {
+  const { query } = useRouter();
+  return <pre>{JSON.stringify({ path, ...query }, null, "  ")}</pre>;
+}