tsx error 类型“JSX.IntrinsicElements”上不存在属性“primitive”。

[changmen1]

In the tsx component, an error message is displayed: Property 'primitive' does not exist on type 'JSX.IntrinsicElements'. What should I do?

import { Canvas } from "@react-three/fiber";
import { useGLTF, Stage, PresentationControls } from "@react-three/drei";
function Model(props:any) {
  const { scene } = useGLTF('/bmw.glb');
  return <primitive object={scene} {...props} />;
}

export default () => {
  const { scene } = useGLTF('/3d/laptop.glb');
  return (
    <>
      <Canvas dpr={[1, 2]} shadows camera={{ fov: 45 }} style={{ position: 'absolute' }}>
        <PresentationControls speed={1.5} global zoom={0.5} polar={[-0.1, Math.PI / 4]}>
          <Stage environment={'sunset'}>
            <Model scale={0.01} />
          </Stage>
        </PresentationControls>
      </Canvas>
    </>
  );
};

[krispya]

This indicates there is something wrong with your install and TypeScript is not getting what it should. Could you share what your package.json looks like? You should also try deleting your node_modules folder and reinstalling, and finally restarting your TypeScript server.