What is wrong with my client component?

[burnt swift]

I added the useEffect() hook in a client component, and now it throws me the error:

Error: Invalid hook call. Hooks can only be called inside of the body of a function component.

[rapid plover]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[burnt swift]

I just fetches widgets form the API using React Query, and sets the first widget it received as the current value.

Seems like useEffect has an issue with useQuery?

[green bobcat]

Not sure you can do that

[burnt swift]

Why wouldn't it be possible?

Do you actually use useEffect in Next?

The code seems to work without it, but I learned to use useEffect from vanilla React.

[green bobcat]

Yes you can use it in NextJS