【Next.js】Error: Body exceeded 1 MB limit. 対処法

原因

ServerActionsのリクエストの最大サイズはデフォルトでは1MBとなっています。
1MBを超過すると以下のようなエラーとなります。

 ⨯ uncaughtException: [Error: Body exceeded 1 MB limit.
                To configure the body size limit for Server Actions, see: https://nextjs.org/docs/app/api-reference/next-config-js/serverActions#bodysizelimit] {
  statusCode: 413
}

対処法

next.config.jsに次の設定を追記します。

/** @type {import('next').NextConfig} */
 
module.exports = {
  experimental: {
    serverActions: {
      bodySizeLimit: '3mb',
    },
  },
}

参考