Next.js 에서 fluent-ffmpeg 사용 시 에러 해결 가능할까요?

Question

Next.js 에서 puppeteer를 사용해서 특정 url에 접속하여 애니메이션을 png로 100장 정도 캡처하여 생성하고,  fluent-ffmpeg를 사용해서 해당 png 이미지들을 mp4 영상으로 만들려고 하는데요.

yarn add puppeteer fluent-ffmpeg @ffmpeg-installer/ffmpeg
yarn add --dev @types/fluent-ffmpeg

위와 같이 라이브러리들을 설치했구요.
아래 page.tsx 파일에서 코드를 구현했는데요.
dev로 실행해서 해당 페이지에 접속을 하면 아래와 같은 에러가 발생하는데요.
해결이 가능할까요?? 다른 라이브러리를 써야할지 구현한 코드가 문제가 있는지 모르겠네요.
도움 부탁드립니다!!

# 에러 코드 #
1 of 1 error Next.js (14.2.3)
Server Error
Error: Cannot find module /Users/.../animation-capture/node_modules/@ffmpeg-installer/darwin-arm64/package.json

This error happened while generating the page. Any console logs will be displayed in the terminal window.
Call Stack
webpackEmptyContext
file:///Users/.../animation-capture/.next/server/app/capture/page.js (22:10)
eval
node_modules/@ffmpeg-installer/ffmpeg/index.js (40:27)
(rsc)/./node_modules/@ffmpeg-installer/ffmpeg/index.js
file:///Users/.../animation-capture/.next/server/vendor-chunks/@ffmpeg-installer.js (20:1)
Next.js
eval
/./src/app/capture/page.tsx
(rsc)/./src/app/capture/page.tsx
file:///Users/.../animation-capture/.next/server/app/capture/page.js (286:1)
Next.js

# 코드 구현부 #

import { NextApiRequest, NextApiResponse } from next;
import puppeteer from puppeteer;
import fs from fs;
import path from path;
import ffmpeg from fluent-ffmpeg;
import ffmpegInstaller from @ffmpeg-installer/ffmpeg;

ffmpeg.setFfmpegPath(ffmpegInstaller.path);

.... 중략....

const outputFilePath = path.resolve(./screenshots/video.mp4);

ffmpeg()
      .addInput(`${folderPath}/screenshot-%d.png`)
      .inputFPS(10)
      .output(outputFilePath)
      .on(end, () => {
        res.status(200).send(`Video created successfully at ${outputFilePath}`);
      })
      .on(error, (err) => {
        console.error(Error generating video:, err);
        res.status(500).send(Failed to generate video);
      })
      .run();
  } catch (error) {
    console.error(Error capturing screenshots:, error);
    res.status(500).send(Failed to capture screenshots);
  }