等待在nextjs页面加载paypal脚本

import React, { useEffect, useState } from 'react';

const [isPayPalScriptLoaded, setPayPalScriptLoaded] = useState(false);

useEffect(() => {
  const script = document.createElement('script');
  script.src = 'https://www.paypal.com/sdk/js?client-id=YOUR_CLIENT_ID';
  script.async = true;
  script.onload = () => {
    setPayPalScriptLoaded(true);
  };
  document.body.appendChild(script);

  return () => {
    document.body.removeChild(script);
  };
}, []);

return (
  <div>
    {isPayPalScriptLoaded ? (
      <button>Pay with PayPal</button>
    ) : (
      <div>Loading PayPal script...</div>
    )}
  </div>
);