APIのデータを取得できない

前提・実現したいこと

簡単なSPA開発をしています。
ログインしている状態の時は、urlでログイン画面にアクセスしてもメインページに遷移する
ログアウトしている状態の時は、メインページにアクセスしても、ログイン画面に遷移するような実装

発生している問題・エラーメッセージ

TypeError: (0 , _pages_queries_AuthQuery__WEBPACK_IMPORTED_MODULE_5__.useUser) is not a function

error occurred in the <Router> component

TypeError: (0 , _pages_queries_AuthQuery__WEBPACK_IMPORTED_MODULE_5__.useUser) is not a function

該当のソースコード

該当するコードが多く、載せると見づらくなってしまうので、githubのURLを記載します。
お手数おかけして申し訳ございません。

https://github.com/miyama12style/task_management.git

試したこと

エラーコードの検索
スペルミスがないか

補足情報（FW/ツールのバージョンなど）

PHP 7.3.24
Laravel Framework 8.54.0
React 17.0.2

hoshi-takanori

2021/08/24 11:35 編集

AuthQuery.js は useUsers を export してるのに、Router.js では useUser を import してるように見えますが…。https://github.com/miyama12style/task_management/blob/main/resources/js/components/pages/queries/AuthQuery.js#L6 https://github.com/miyama12style/task_management/blob/main/resources/js/components/Router.js#L8

mahimiya

2021/08/24 16:36

回答ありがとうございます。大変お恥ずかしいミスでした、、、ありがとうございます。ご指摘いただいた部分を修正したところ、前までは出ていなかったエラーが出ました。 TypeError: props.tasks.map is not a function at TaskList このエラーです。map関数を見たところ、異常はないように思います。お忙しいところ恐縮ですが、ご教授よろしくお願いいたします。

mahimiya

2021/08/24 16:37

githubに修正したものを再度記載します。 https://github.com/miyama12style/task_management

hoshi-takanori

2021/08/24 19:50

react query は使ったことないのでよく分かりませんが、useTasks の結果を console.log とかで確認してみては。 (できれば TypeScript を使えば、スペルミスや型が合わない状況はだいぶ防げると思いますが、Laravel に導入する方法は知りません…。) あと、tasks が 0 件の時には入力欄が表示されない気もしますが、大丈夫でしょうか？