TypeScript errors with react-webcam in React application

I’m encountering TypeScript errors when using react-webcam in my React TypeScript project. I’ve followed the official documentation, but I’m still getting Type errors.

Errors

1. First webcam error:

   Cannot use namespace 'Webcam' as a type.ts(2709)

• Source of the error:

const webcamRef = useRef<Webcam>(null);

2. *Second webcam error*:

JSX element type 'Webcam' does not have any construct or call signatures.ts(2604) 'Webcam' cannot be used as a JSX component.

My codes:

import React, { useRef } from 'react';
import Webcam from 'react-webcam';


function MyComponent() {
  // Type errors occur here
  const webcamRef = useRef<Webcam>(null);
  
  
  const captureImage = () => {
    if (webcamRef.current) {
      const imageSrc = webcamRef.current.getScreenshot();
      // Do something with imageSrc
    }
  };
  
  return (
    <div>
      {/* TypeScript complains about these components */}

      <Webcam  {/* Second react-webcom occurs here */}
        audio={false}
        ref={webcamRef}
        screenshotFormat="image/jpeg"
        videoConstraints={{ facingMode: 'environment' }}
      />
    </div>
  );
}

I’ve tried importing the types in various ways but haven’t found a solution. Any ideas what might be causing these TypeScript errors?