improve examples

pmndrs · Feb 26, 2024 · 736a059 · 736a059
1 parent ba8e1f5
commit 736a059
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/examples/market/src/components/album-artwork.tsx b/examples/market/src/components/album-artwork.tsx
@@ -20,6 +20,7 @@ export function AlbumArtwork({
         src={album.cover}
         width={width}
         height={height}
+        fit="cover"
         aspectRatio={aspectRatio === 'portrait' ? 3 / 4 : 1}
       />
       <Container gap={4}>

diff --git a/examples/uikit/src/App.tsx b/examples/uikit/src/App.tsx
@@ -16,7 +16,7 @@ import { RenderTexture } from '@react-three/drei'
 import { Texture } from 'three'
 
 export default function App() {
-  const [texture, setTexture] = useState<Texture | null>(null)
+  const texture = useMemo(() => signal<Texture | undefined>(undefined), [])
   const [show, setShow] = useState(false)
   const s = useMemo(() => signal(5), [])
   const x = useMemo(() => signal<string | undefined>('red'), [])
@@ -27,7 +27,7 @@ export default function App() {
       <ambientLight intensity={0.5} />
       <directionalLight intensity={10} position={[5, 1, 10]} />
       <Gltf position={[200, 0, 200]} scale={0.1} src="scene.glb" />
-      <RenderTexture ref={setTexture}>
+      <RenderTexture ref={(t) => (texture.value = t ?? undefined)}>
         <Box />
       </RenderTexture>
       <Fullscreen