title: How to implement Razorpay payment button in next.js page
body: <p>Using the Razorpay payment button on the website is quite simple it gives a code like</p>
  <pre><code>&lt;form&gt;
  &lt;script 
    src = &quot;https://cdn.razorpay.com/static/widget/payment-button.js&quot;
    data-payment_button_id = &quot;pl_FNmjTJSGXBYIfp&quot;
    data-button_text = &quot;Buy Now&quot;
    data-button_theme = &quot;brand-color&quot;&gt;
  &lt;/script&gt;
  &lt;/form&gt;
  </code></pre>
  <p>But there's some problem when implementing this button on react.js
  Button is visible in inspector element but not visible in the screen.</p>