Theo's Typesafe Cult•10mo ago

ncaught Error: Invalid hook call

ncaught Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.

Rules of Hooks – React

The library for web and native user interfaces

6 Replies

Neto•10mo ago

you cant use hooks conditionaly

if(something === 1){
  const ... = useState() // this is invalid
}

if(something === 1){
  const ... = useState() // this is invalid
}


react query offers a

enabled`parameter

Neto•10mo ago

https://tanstack.com/query/v4/docs/react/guides/disabling-queries#lazy-queries

Disabling/Pausing Queries | TanStack Query Docs

If you ever want to disable a query from automatically running, you can use the enabled = false option. When enabled is false:

gave_one•10mo ago

so I cannot put GetFilteredUsers any function I have to treated as a typical react state

b_e_n_t_e_n•10mo ago

useQuery is a hook

gave_one•10mo ago

@b_e_n_t_e_n (Rustular CEEO) sorry, but this isn't a different question how do u update t3 stack to have tailwind scss

b_e_n_t_e_n•10mo ago

https://tailwindcss.com/docs/guides/nextjs

Install Tailwind CSS with Next.js - Tailwind CSS

Setting up Tailwind CSS in a Next.js v10+ project.

Gaming

Programming

ncaught Error: Invalid hook call