Nextjs(やReactjs)で開発している中で、React Query の useQuery を使うと結果をキャッシュ出来て便利です。
ただuseQueryをonClick時などに使いたい場合、コンポーネントの中の関数内で実行することになります。hooksのルールに反しているのでエラーが発生してしまいます。
HooksのルールHooksにはルール(Breaking the Rules of Hooks)があります。
Goodケース
function Counter
今回はシンプルなUIでドキュメントなんかでもよく見かけるGitbookでブログを構築する場合についてです。
GitbookについてGitbookは邪魔なものが全くない、本当にシンプルなUIが特徴です。
見たほうが分かりやすいと思うのでGitbook自身が仕様しているブログやドキュメントのページを貼っておきます。
The GitBook Blog
What is GitBook
プログラミングとかだと、ライブラリやフレームワークなどでよく公式ドキュメントを読むと思いま