Note: If your file uses React Hooks, you can't directly use async/await in that component, as React Hooks require a "use client" directive, whereas async functions are treated as server-side.

If you run into this conflict, a good approach is to nest a client component inside a server component. The server component can handle the data fetching using async/await, and then pass the retrieved values as props to the client component, which can safely use React Hooks.