Stripe 无法使用 API (React.js) 检索订阅

Question

我无法使用 react 从条带检索我的订阅对象我有以下异步函数，但是当我更改状态时它返回空值。

我认为目前的问题是关于 stripe.subscriptions.retrieve 承诺的正确实施。

function ActiveSubscription(): JSX.Element | null {
  const [subscription, loading, error] = useFetch<AppSubscription>(
    'app_subscription',
    '?isActive==True'
  );

  const [subscriptionData, setSubscriptionData] = useState<any | null>(null);

  const subLoading = useEffectLoading(async () => {
    const stripe = require('stripe')(
      'SECRET_KEY'
    );
    const data = await stripe.subscriptions.retrieve('SUBSCRIPTION_ID');
    setSubscriptionData(data);
    console.log(subscriptionData);
  }, [subscription]);

  console.log(subscriptionData);
  if (loading || !subLoading) return <Loading />;
  if (subscription == null) return null;
  if (error) {
    return <h1>Unable to fetch subscription.</h1>;
  }

当前控制台日志输出空值。

提前感谢您的帮助！