JSX element type VideoRecorder does not have any construct or call signatures.

[kzmKZuzmo]

Hi how can I implement with typescript I always get error
JSX element type  VideoRecorder  does not have any construct or call signatures.

...
"react-video-recorder": "^3.19.4",
"styled-components": "^6.1.1",
"typescript": "^4.9.5",
...
"devDependencies": {
"@types/react-video-recorder": "^3.19.3"
}

`
import React, {useEffect, useRef} from 'react';

import VideoRecorder from 'react-video-recorder'

class App extends React.Component {
render() {
return ( <VideoRecorder
onRecordingComplete={(videoBlob: any) => {
console.log('videoBlob', videoBlob)
}}
/>)
}

}

export default App;`

[Laucsen]

Same problem here.

Versions:
"react-video-recorder": "^3.19.4",
"@types/react-video-recorder": "^3.19.3",

[rorlich]

same

[abdul-muhamin-rehman]

I am having the same issue with version 3.19.3 & 3.19.4.

[fahidsarker]

Same issue 3.19.4

[onlyahost]

To fix this for now, add a file custom.d.ts and add the following content.

declare module "react-video-recorder" {
  const VideoRecorder: React.ComponentType<any>;
  export default VideoRecorder;
}