React-JSON解析的正确语法

我正在从中提取交易详细信息 const details 我需要退出 brand 来自JSON paymentResponse 。我收到一个未定义的错误,但所有内容都在 let cardType 看起来是正确的。我错过了什么?

let cardType = JSON.parse(orderDetails.paymentResponse).data?.payment_method_details?.card?.brand;

代码:

 const [orderDetails, setOrderDetails] = useState({});
  
  const getOrderDetails = async () => {
    let data = {};
    data.orderId = params.id;
    const details = await orderApi.getOrderDetails(userAuthToken, data);
    if (details && details.data.success) {
      if (details.data.data.length > 0) {
        setOrderDetails(details.data.data[0]);
      } else {
        navigate('/');
      }
    } else {
      navigate('/');
    }
  };

  useEffect(() => {
    (async () => {
      if (params.id) {
        setLoading(true);
        await getOrderDetails();
        setLoading(false);
      } else {
        navigate('/');
      }
    })();
  }, [params.id]);
  //
  let cardType = JSON.parse(orderDetails.paymentResponse).data?.payment_method_details?.card?.brand;

  console.log(cardType);

JSON结构,其中 品牌 是:

{
   "data":{
      "payment_method_details":{
         "card":{
            "brand":"jcb"
         }
      }
  }
}