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

Blob is not defined

Open somitBond opened this issue 2 years ago • 5 comments

error - ReferenceError: Blob is not defined

somitBond avatar Oct 12 '22 09:10 somitBond

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

kalib-code avatar Oct 13 '22 09:10 kalib-code

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

huytran46 avatar Nov 29 '22 01:11 huytran46

Same thing

kalib-code avatar Nov 29 '22 01:11 kalib-code

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

seebham avatar Dec 06 '22 07:12 seebham

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

gameveloster avatar Feb 02 '23 04:02 gameveloster