property does not exist on JSX.IntrinsicElements - ts(2339)

[dragidavid]

Hey all 👋

recently update to next 15/react 19 and since then I'm getting these errors for basic threejs elements like ambientLight, spotLight and geometries

Property 'ambientLight' does not exist on type 'JSX.IntrinsicElements'.ts(2339)

Anyone's got a fix or workaround for this?

[mmmoli]

+1 got this too.

[kumikumi]

I just started using react-three-fiber yesterday and thought I was losing my mind, glad I'm not the only one having this issue.

Here's what worked for me.

You'll need to put this in a file somewhere (e.g. a types.d.ts file). Make sure to configure typeRoots in tsconfig.json to include the directory where you put the file

import { ThreeElements } from '@react-three/fiber'

declare global {
  namespace React {
    namespace JSX {
        interface IntrinsicElements extends ThreeElements {
        }
    }
  }
}

This fixed it for me. FWIW I'm using this library with preact with preact/compat and preact-reconciler

[sstrelsov]

Hmm is it possible that you're using React 19? I just launched a create-react-app project and it was 19 by default. On the README for react-three-fiber, it recommends @react-three/fiber@rc. This worked for me!

Warning
R3F v8 is not compatible with React 19 or Next 15, which uses React 19. Use the R3F v9 RC instead which can be installed with @react-three/fiber@rc.