إضافة أزرار PayPal في React

السلام عليكم.

أريد إضافة أزرار PayPal كمايلي:

قمت بالكود التالي:

index.js

<PayPalScriptProvider deferLoading={true}>
  <App />
</PayPalScriptProvider>

 <>
	<button className="p-2 bg-slate-700 text-slate-100 rounded" onClick={onApproveTest}>Test Pay Order</button>
  	<div className="bg-slate-100">
      <PayPalButtons
          createOrder={createOrder}
          onApprove={onApprove}
          onError={onError}
      ></PayPalButtons>
  	</div>
</>

المشكل أنه لم يتم التعرف على العنصر PayPalButtons وبالتالي لم تظهر الأزرار

شكرا للمساعدة