Type 'RecordRTCPromisesHandler' is missing the following properties from type 'RecordRTC': setRecordingDuration, save, toURL, initRecorder, and 10 more.ts(2740)

[faizanmohiuddin482]

using "recordrtc": "^5.6.2",

const [recorder, setRecorder] = useState<RecordRTC | null>()

const startRecording = async () => {
    const mediaDevices = navigator.mediaDevices
    const stream: MediaStream =
      type === 'video'
        ? await mediaDevices.getUserMedia({
            video: true,
            audio: true,
          })
        : await (mediaDevices as any).getDisplayMedia({
            video: true,
            audio: false,
          })
    const recorder: RecordRTC = new RecordRTCPromisesHandler(stream, {
      type: 'video',
    })

    await recorder.startRecording()
    setRecorder(recorder)
    setStream(stream)
    setVideoUrlBlob(null)
  }