fix(MeshRefractionMaterial): work across unique meshes (#1454)

src/core/MeshRefractionMaterial.tsx

@@ -2,7 +2,7 @@ import * as THREE from 'three'
 import * as React from 'react'
 import { useLayoutEffect, useMemo, useRef } from 'react'
 import { extend, ReactThreeFiber, useThree, useFrame } from '@react-three/fiber'
-import { MeshBVH, SAH } from 'three-mesh-bvh'
+import { MeshBVHUniformStruct, MeshBVH, SAH } from 'three-mesh-bvh'
 import { MeshRefractionMaterial as MeshRefractionMaterial_ } from '../materials/MeshRefractionMaterial'
 
 declare global {
@@ -69,8 +69,9 @@ export function MeshRefractionMaterial({
     const geometry = (material.current as any)?.__r3f?.parent?.geometry
     // Update the BVH
     if (geometry) {
+      ;(material.current as any).bvh = new MeshBVHUniformStruct()
       ;(material.current as any).bvh.updateFrom(
-        new MeshBVH(geometry.toNonIndexed(), { lazyGeneration: false, strategy: SAH })
+        new MeshBVH(geometry.clone().toNonIndexed(), { lazyGeneration: false, strategy: SAH })
       )
     }
   }, [])