"use client"; import { Html } from "@react-three/drei"; import { Loader2 } from "lucide-react"; import { useEffect, useState } from "react"; export function ModelLoadingFallback() { const [slow, setSlow] = useState(false); useEffect(() => { const timer = setTimeout(() => setSlow(true), 15000); return () => clearTimeout(timer); }, []); return (

{slow ? "模型加载较慢，可退出预览后重试，或下载模型查看" : "正在加载 3D 模型…"}

); }