react-video-recorder icon indicating copy to clipboard operation
react-video-recorder copied to clipboard

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

Open kzmKZuzmo opened this issue 1 year ago • 5 comments

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;`

kzmKZuzmo avatar Dec 05 '23 07:12 kzmKZuzmo

Same problem here.

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

Laucsen avatar Dec 18 '23 18:12 Laucsen

same

rorlich avatar Jan 02 '24 10:01 rorlich

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

abdul-muhamin-rehman avatar Jan 20 '24 17:01 abdul-muhamin-rehman

Same issue 3.19.4

fahidsarker avatar Feb 19 '24 02:02 fahidsarker

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;
}

onlyahost avatar Sep 08 '24 07:09 onlyahost