I’m planning to create a landing page that displays a 3D model. I’m currently in the loop of debugging; when I solve one error, another one shows up.

import React from "react";
import "@google/model-viewer";

export function CallToAction() {
  return (
    <>
      <model-viewer
        src="../assets/chair.glb"
        ar
        environment-image="shared-assets/environments/moon_1k.hdr"
        poster="shared-assets/models/NeilArmstrong.webp"
        shadow-intensity="1"
        camera-controls
        touch-action="pan-y"
      ></model-viewer>
    </>
  );
}

This is a component for my calltoaction section on landing but it has an errors.
Property 'model-viewer' does not exist on type 'JSX.IntrinsicElements'.ts(2339)

I also uploaded my project on github: https://github.com/domingohernani/aria.git. Thank you in advance!!