Why am i getting this error?

Question

I get this error:

⚠ Fast Refresh had to perform a full reload due to a runtime error.
⨯ features\accounts\api\use-get-accounts.ts (6:26) @ useGetAccounts
⨯ TypeError: (0 , _tanstack_react_query__WEBPACK_IMPORTED_MODULE_1__.useQuery) is not a function
at useGetAccounts (./features/accounts/api/use-get-accounts.ts:11:82)
at Home (page.tsx:13:114)
at stringify (<anonymous>)
digest: "3742211459"
4 |
5 | export const useGetAccounts = () => {
> 6 | const query = useQuery({
| ^
7 | queryKey: ['accounts'],
8 | queryFn: async () => {
9 | const response = await client.api.accounts.$get();
⨯ features\accounts\api\use-get-accounts.ts (6:26) @ useGetAccounts
⨯ TypeError: (0 , _tanstack_react_query__WEBPACK_IMPORTED_MODULE_1__.useQuery) is not a function
at useGetAccounts (./features/accounts/api/use-get-accounts.ts:11:82)
at Home (page.tsx:13:114)
at stringify (<anonymous>)
digest: "3742211459"
4 |
5 | export const useGetAccounts = () => {
> 6 | const query = useQuery({
| ^
7 | queryKey: ['accounts'],
8 | queryFn: async () => {
9 | const response = await client.api.accounts.$get();
GET / 500 in 108ms

* History restored

Answer 1

Possible solutions found here:

https://github.com/vercel/next.js/issues/40184
https://medium.com/@malikhamzav/nextjs-warning-fast-refresh-had-to-perform-a-full-reload-solved-a14dfc8939be
https://nextjs.org/docs/messages/fast-refresh-reload

Answer 2

From what I can read "useQuery is not a function". Have you defined useQuery? Are you missing a character in the name?

Answer 3

Hi, Siphethuxolo Didiza!

The error seems to be related to useQuery. However, it’s difficult to provide more specific guidance without seeing the code.