I'm trying to use shaders with React-three-fiber and Typescript. Shader file: import { ShaderMaterial } from "three" import { extend } from "react-three-fiber" class CustomMate...

In React I am using @react-three/fiber for the 3D stuff. There are a lot components that don't support declarative way of doing things and require refs and imperative code (e.g. CameraControls from...

I'm getting the following warning when trying to use @react-three/fiber and @react-three/drei in the same project. Steps to reproduce npx create-react-app reproduced-warning cd reproduced-warning ...

I'm trying to load an image texture using useTexture and apply it to a meshStandardMaterial in my react-native app. The texturing works fine when I import the image from local assets folder. But, w...

i have been trying to add a scroll area to my the app i was building but i just keep getting this error: Uncaught Div is not part of the THREE namespace! Did you forget to extend? I'm very new to...

In this minimal react-three-fiber App I am trying to load and include the same GLTF model twice: import React, { Suspense } from "react"; import { Canvas } from "@react-three/fiber&q...

I am following a 3d portfolio tutorial from Youtube and got caught in this error. Here I am trying to render a mesh but the console is showing a warning that "This element is unrecognized in t...

In my app I want to add texture to the loaded .obj model. I have the same situation with my .fbx loaded models. Below is my example code, but this works only with something like sphereGeometry not ...

I am building a three.js project with next.js but I am getting this error: 'planeBufferGeometry is not part of the THREE namespace. did you forget to extend? see: https://docs.pmnd.rs/react-three-f...

I'm trying to create 3d text using Threejs + react-three/fiber . I loaded the font using font loader like this : const font = new FontLoader().parse('/Microsoft Tai Le_Regular.json'); After that I...

Well I have .gltf animated model. I was successful in loading the model but wasn't able to play the embedded animation. I would like to know if in any way one can resolve it. Btw I am working this ...

I create a Next.js application that use Material-UI and @react-three/fiber library. I recently pass Material-UI to V5 and a error is appear. Here is the error: I search everything to remove it but...

I am trying to set up a scene in react-three-fiber that uses a raycaster to detect if an object intersects it. My Scene: scene I have been looking at examples like this example and this other examp...

I would like to display a circuit using react-three-fiber (or with the Drei library). A circuit is composed of segments and turns. A segment is defined thanks to two points. A turn is defined than...

I have these two components: Camera.tsx import { useGLTF } from "@react-three/drei" export default function Camera() { const gltf = useGLTF('/scene.gltf', true) return ( <primitiv...

I have simple Points mesh with custom shader and buffer geometry. The geometry has position, size and color attributes. On pointer hover, the hovered vertex turns into red color. So far so good. No...

I am trying learn how to use three js with react.For this purpose I am using @react-three/fiber and @react-three/drei. This project by chriscourses was what I used to learn three js and I hope to u...

So I am used to setting helpers like this: useHelper(sLightRef, THREE.SpotLightHelper); return ( <spotLight castShadow ref={sLightRef} position={[0, 2, 2]} args={["#fff", 0.4, 10...

I'm importing react-three-fiber and react-three/drei in my app.js, but when I start my app it gives me this error: ./node_modules/@react-three/drei/core/Billboard.js Module not found: Can't resolve...

I'm new in Three JS and I would like to create a 3D text. I followed most of the tuto to create it, but I have an error even if I follow all the steps or copy/past the tuto's code. This is my compo...

I have a question regarding the three-fiber canvas size. I need a fixed canvas width and height. Unfortunately I have not found out how to change the canvas width and height. Even though I can chan...

I'm looking for a way to call renderer.info using r3f. ThreeJS Doc - WebGLRenderer As this is an older project I'm still using the class component here to call the render method. return ( <Rea...

I have tried using react-three-fiber and react-drei to make a model but the target of the OrbitControl is making it appear to high import React, { useRef, useState, Suspense, useEffect } from 'reac...