What is wrong with my client component?

Unanswered

Allegheny mound ant posted this in #help-forum

Allegheny mound antOP

2023-09-21T08:08:39.000Z

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.

7 Replies

Allegheny mound antOP

2023-09-21T08:10:14.000Z

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?

Clown

2023-09-21T08:12:21.000Z

Not sure you can do that

@Clown Not sure you can do that

Allegheny mound antOP

2023-09-21T08:12:43.000Z

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.

Clown

2023-09-21T08:14:24.000Z

Yes you can use it in NextJS

Allegheny mound antOP

2023-09-21T08:20:56.000Z

It works fine without useEffect, but not sure if it's good code like this.