Error: Worker is not defined when using the useReactMediaRecorder hook

[curvejumpinc]

import { useReactMediaRecorder } from 'react-media-recorder';

// React Media Recorder hook
const { status, startRecording, stopRecording, mediaBlobUrl } =
useReactMediaRecorder({
audio: true,
mediaRecorderOptions: {
audioBitsPerSecond: 16000,
bitsPerSecond: 16000,
},
onStop: onAudioResponseRecordingDone,
});

This compiles fine in typescript and the code also works fine but I'd like to avoid this "Worker not defined" error in Chrome if possible. I am using next.js 14.2.5

[mreartes5]

The same problem here.

I have that error when I build my next application

[icampana]

The only solution for me for now was to downgrade to version 1.6.5, even though from the information I saw the idea is to load the hook dynamically so that it only renders on the client side

[AshishDhama]

@curvejumpinc Would it be possible to create a demo on stackblitz or something else.

[AshishDhama]

And Pr are welcome if you have a fix, please go ahead and create pr.

[SayedMsaad]

const ReactMediaRecorder = dynamic(
() => import('react-media-recorder').then((mod) => mod.ReactMediaRecorder),
{ ssr: false }
);
this works for me as it only load it on the client side
now the issue is it is not working on mobile devices any fixes?

[hamzashadeez]

const ReactMediaRecorder = dynamic( () => import('react-media-recorder').then((mod) => mod.ReactMediaRecorder), { ssr: false } ); this works for me as it only load it on the client side now the issue is it is not working on mobile devices any fixes?

Please, any idea how I could fix the mobile device issue?