search

DeltaCircuit / react-media-recorder

react-media-recorder is a react component with render prop that can be used to record audio/video streams using MediaRecorder API.
https://npmjs.com/react-media-recorder
MIT License
497 stars 130 forks source link

Blob is not defined #112

Open somitBond opened 2 years ago

somitBond commented 2 years ago

error - ReferenceError: Blob is not defined

kalib-code commented 2 years ago

Similar problem on Next.js follow this 

import dynamic from "next/dynamic";
const DynamicComponent = dynamic(
  () => import("react-media-recorder").then((mod) => mod.ReactMediaRecorder),
  {
    ssr: false,
  }
);
huytran46 commented 1 year ago

hi @kalib-code, I'm still getting this error in Nextjs image

kalib-code commented 1 year ago

Same thing

seebham commented 1 year ago

Instead of dynamically importing the RecorderComponent or the hook, try dynamically importing the parent component of the recorder. It worked for me.

gameveloster commented 1 year ago

@seebham Can you please share your solution? I'm trying to load useReactMediaRecorder in Next.js. Thank you!!