import React, { Suspense } from "react"; import { Canvas, CanvasProps } from "@react-three/fiber"; import { Html } from "@react-three/drei"; import { OrbitControls } from "./OrbitControls"; import { NoToneMapping } from "three"; import { Model } from "./Model"; import { CircularProgress } from "@mui/material"; interface ModelViewerProps { pathToModel: string; autoRotate?: boolean; } const ModelViewer = ({ pathToModel, autoRotate = true }: ModelViewerProps) => { const glConfig: NonNullable = { toneMapping: NoToneMapping, powerPreference: "high-performance", }; return ( }> ); }; const CanvasLoader = () => ( ); export default ModelViewer;