如何在react-three-fiber中使用gltf加载mtl文件

import React, { useRef } from 'react';
import { useLoader } from '@react-three/fiber';
import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader';
import { MTLLoader } from 'three/examples/jsm/loaders/MTLLoader';

const MyScene = () => {
  const gltf = useLoader(GLTFLoader, '/path/to/your/model.gltf');
  const mtl = useLoader(MTLLoader, '/path/to/your/materials.mtl');

  // 其他操作，例如设置光照、相机等

  return (
    <group>
      <primitive object={gltf.scene} />
    </group>
  );
};

const App = () => {
  return (
    <Canvas>
      <MyScene />
    </Canvas>
  );
};