下一步在我使我的组件异步时抛出错误

Question

export default async function StatsPage() {
  const { data: session } = useSession();

  let token: string = "";
  if (session?.user) {
    token = session?.user.data.auth_tokens["bearer-token"];
  }


  const data = await fetchVoiceCalls(token);
  console.log(data);

}

async function fetchVoiceCalls(token: string) {
  if (token) {
    const requestOptions = {
      method: "GET",
      headers: {
        "Content-Type": "application/json",
        Authorization: `Bearer ${token}`,
      },
    };
    const res = await fetch(
      `end-point-here`,

      requestOptions
    );
    return "something";

    
}

我试过像承诺一样解决它，但它会导致不必要的呼叫。 我也想过使用新的

use

钩子，但它似乎是实验性的，我不想在生产应用程序中使用它。