Migrating from Sanity version 2 to 3, encountering issue with using the sanity client in a React function.

I am migrating from version two version three and I’m running into a problem with the sanity client. It used to just look like this.
Now we have to use the react hook from this

But the problem is when I try to do something like this

I get an error because react hooks cannot be used at the top level

React Hook “useClient” cannot be called at the top level. React Hooks must be called in a React function component or a custom React Hook function.

The issue is that my previous code isn’t using the sanity client in a react function or component. It’s just using it at top level

It depends on where you’re doing this, but most of the methods within the Studio receive a

context

in its props that contains a client you can use.