Next.jsのエラーの解消
Build optimization failed: found pages without a React Component as default export のエラー default export をつける The expected type comes from property 'children' which is declared here on type 'DetailedHTM ...
Warning: Each child in a list should have a unique “key” prop.
Code that gives an error const aaa = todos.map((todo:any, index:any) => { return ( <> <li key={todo.id}> {todo.description} </li> </> ) }) Error-free code const aaa = todos.map((todo:any, ...
【Amplify】The declaration was marked as deprecated here.の警告の回避方法
動作環境 amplify & next.js (2022年7月) npm list -g ├── @aws-amplify/cli@9.1.0 ├── npm@8.1.0 npm list ├── @aws-amplify/api@4.0.45 ├── @aws-amplify/core@4.5.9 ├── @aws-amplify/pubsub@4.4.6 ├── @aws-amplif ...
Binding element ‘name’ implicitly has an ‘any’ type. のエラー
動作環境 nextjs エラーの出ているコード (ファイル名:_app.tsx) import { SessionProvider } from 'next-auth/react'; function MyApp({ Component, pageProps: { session, ...pageProps } }) { return ( <SessionProvider session={ ...
> Build optimization failed: found page without a React Component as default export in pages/xxxxxxx のエラー
動作環境 nextjs 解決方法 pages/xxxxx.tsx のファイルの中で const Xxxxx: FC = () => { (省略)}となっている場合export default Xxxxx;を追加すれば解決しました。
const [ session ] = useSession()でエラーになるのを解決
タイトルが適当ではない気がしますが・・・。検索で引っかかればOK的な感じです。 動作環境 next.jstypes $ npm list ├── @types/node@18.0.1 ├── @types/react-dom@18.0.5 ├── @types/react@18.0.14 ├── eslint-config-next@12.2.0 ├── eslint@8.19.0 ├── nex ...
{“code”:”BadRequest”,”message”:”The server did not understand the operation that was requested.”,”type”:”client”}のエラー
動作環境 next.jsnode v16.13.0amplify NextAuth.js トラブルの状況 amplifyとNest.jsで作成中のプロジェクトに、NextAuth.jsを入れてログイン画面のカスタマイズをして、localhost:3000からNextAuth.jsのsignIn()関数でログインを実行したら、タイトル通りのエラーが表示された。 原因 結局まだよくわからない。ただ、以 ...