Function refreshPaymentList

src/components/PaymentHistoryTable.tsx:13–24

(userId: string)

  useEffect(() => {
    const refreshPaymentList = async (userId: string) => {
      let list: Payment[] = [];
      try {
        const { data } = await axios.get("/api/payment", {
          headers: { Authorization: `Bearer ${userId}` },
        });
        list = data;
      } catch (error) {
        // do nth
      }
      setList(list);
    };

    if (session?.user.id) {
      refreshPaymentList(session.user.id);