我正在尝试为我的个人网站学习Next.js Internationalization (i18n) Routing。然而，locale，locales和默认locale值变得未定义。（我使用的是最新版本的Next.js）
以下是我的档案：

next.config.js：

/** @type {import('next').NextConfig} */
const nextConfig = {
  i18n: {
    locales: ["tr", "en"],
    defaultLocale: "tr",
  },
};

module.exports = nextConfig;

字符串

locales/tr.js：

export default {
  hello: "Merhaba dünya!",
};

型

locales/en.js：

export default {
  hello: "Hello world!",
};

型

app/page.js：

"use client";
import { useRouter } from "next/navigation";

export default function Home() {
  const router = useRouter();
  const { locale, locales, defaultLocale } = router;
  console.log("Locales:", locale, locales, defaultLocale);
  console.log(router);

  return (
    <div>
      <h1>Hello world</h1>
      <p>Current locale: {locale}</p>
      <p>Default locale: {defaultLocale}</p>
      <p>Configured locales: {JSON.stringify(locales)}</p>
    </div>
  );
}

型

我尝试使用console.log获取信息，打印如下：

The print的

最后，package.json：

{
  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "eslint": "8.45.0",
    "eslint-config-next": "13.4.12",
    "next": "13.4.12",
    "react": "18.2.0",
    "react-dom": "18.2.0"
  }
}

型
我找不到哪里出错了。请帮我改正。