React Three Fiber中的BufferGeometry是一个强大的工具，可以优化渲染。阴影也是一个经常使用的特性。在使用BufferGeometry时，我们需要在材质设置中添加阴影选项以使其起作用。下面是一个简单的BufferGeometry并添加阴影的例子：

import React, { useRef } from "react";
import { useFrame } from "react-three-fiber";
import { MeshStandardMaterial } from "three";

function Box({ position = [0, 0, 0], castShadow = false, receiveShadow = false }) {
  const ref = useRef();
  useFrame(() => (ref.current.rotation.y += 0.01));

  return (
    
      
        
      
      
    
  );
}

function Scene() {
  return (
    
      
      
      
      
      
        
        
      
    
  );
}

function App() {
  return (
    
      
    
  );
}