"use client"; import dynamic from "next/dynamic"; import { useSearchParams } from "next/navigation"; const MaterialsList = dynamic( () => import("@/app/materials/materials/page"), { ssr: false } ); const CoatingsList = dynamic( () => import("@/app/materials/materials-coatings/page"), { ssr: false } ); function DetailsFrame({ src }: { src: string }) { return ( ); } export default function MaterialsClient() { const search = useSearchParams(); const t = (search.get("t") || "materials").toLowerCase(); const id = search.get("id"); const detailSrc = !id ? null : t === "materials" ? `/materials/materials/${id}` : t === "materials-coatings" ? `/materials/materials-coatings/${id}` : null; return (