Getting dependency error even after installing all required node modules

[priyalkhatri]

I am using react-three-next library from pmndrs : https://github.com/pmndrs/react-three-next

I have done npm i after cloning the repository but still getting dependency error in threejs components for example like this in every threejs components:
"Property 'mesh' does not exist on type 'JSX.IntrinsicElements'"

I deleted node_modules and installed again still getting same error.

Anyone who have used this repo can help me with this?

@RenaudRohlinger , Your help will be appreciated!

[sunnypatell]

@priyalkhatri this is a TypeScript type augmentation issue. R3F's three.js JSX types need to be registered in the global JSX namespace. create a type declaration file (e.g. src/three-types.d.ts):

for React 19+ / Next.js 15+:

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

declare module 'react' {
  namespace JSX {
    interface IntrinsicElements extends ThreeElements {}
  }
}

for React 18 and below:

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

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

make sure the .d.ts file is included in your tsconfig.json under "include". the react-three-next template may be missing this declaration for newer React/TypeScript versions.

this is documented in the R3F TypeScript guide.

[priyalkhatri]

Yes, After research I found this solution back then. Thank you so much for taking time to respond