repro

next.config.ts

@@ -1,7 +1,9 @@
-import type { NextConfig } from "next";
+import type {NextConfig} from 'next';
 
 const nextConfig: NextConfig = {
-  /* config options here */
+  experimental: {
+    dynamicIO: true
+  }
 };
 
 export default nextConfig;

src/app/[locale]/Component.tsx

@@ -0,0 +1,18 @@
+'use client';
+
+import {
+  useParams,
+  usePathname,
+  useSelectedLayoutSegment
+} from 'next/navigation';
+
+export default function Component() {
+  // All of these hooks fail during the build but
+  // work without an issue during development
+  console.log([
+    usePathname(), // fails
+    useParams(), // fails
+    useSelectedLayoutSegment() // fails
+  ]);
+  return 'Component';
+}

src/app/page.tsx → src/app/[locale]/page.tsx

@@ -1,7 +1,9 @@
+import Component from './Component';
+
 export default function Home() {
   return (
     <main>
-      <div>Hello world!</div>
+      <Component />
     </main>
   );
 }