{“code”:”BadRequest”,”message”:”The server did not understand the operation that was requested.”,”type”:”client”}のエラー
next.js
Contents
動作環境
next.js
node v16.13.0
amplify
NextAuth.js
トラブルの状況
amplifyとNest.jsで作成中のプロジェクトに、NextAuth.jsを入れてログイン画面のカスタマイズをして、localhost:3000からNextAuth.jsのsignIn()関数でログインを実行したら、タイトル通りのエラーが表示された。
原因
結局まだよくわからない。
ただ、以下のサイトを参考にして一から作り直したら成功した。
NextAuth.js v4 + Amazon Cognitoを試してみる
考察
・amplifyを使いたかったので、amplify add authのコマンドを実行して、ログインの画面を用意していたが、その上にNextAuth.jsを追加したのが悪かったのかと思う。
・amplifyのログイン関係の作成をamplify add authでやるべきか、NextAuth.jsでやるべきかという課題ができた。
・まだ調査中なので、進捗があったら記載しようと思う。
関連記事

> Build optimization failed: found page without a React Component as default export in pages/xxxxxxx のエラー
動作環境 nextjs 解決方法 pages/xxxxx.tsx のファイルの中 ...

Next.jsのエラーの解消
Build optimization failed: found pages w ...

Warning: Each child in a list should have a unique “key” prop.
Code that gives an error const aaa = tod ...

Binding element ‘name’ implicitly has an ‘any’ type. のエラー
動作環境 nextjs エラーの出ているコード (ファイル名:_app.tsx) ...

【Amplify】The declaration was marked as deprecated here.の警告の回避方法
動作環境 amplify & next.js (2022年7月) npm ...