Storing a fetched value from an asynchronous call in server component in Hydrogen 1

[Mithrandiirr]

I want to store a value fetched from an asynchronous call, where I fetch a query, my problem is since I can't use useState in .server components, i have no other way to store the value

const getPoNumber = async () => {
  try {
    const {data: customerData} = await shopifyQueryAdmin({query: QUERY});
    return customerData;
    // Your further processing of the data goes here
  } catch (error) {
    console.error('Error occurred:', error);
  }
};

export default function OrderDetails({response}: HydrogenRouteProps) {
let PONumber = null;
  getPoNumber()
    .then((data) => {
      PONumber = data?.customer.orders.nodes[0].name;
      return PONumber;
      // or console.dir(hereDatas); if you want to see the data as a JavaScript object representation
    })
    .catch((error) => {
      console.error('Error occurred:', error);
    });
}

the PONumber value will always be null, how can I solve this?