Trouble with embedding a third party iframe with React

Here are the integration instructions I was given:

<div id="flipp-container"></div>

<script
  src="https://aq.flippenterprise.com/MERCHANT_ID/iframe.js"
  id="flipp-storefront-script"
></script>

<script>
  var flippContainer = document.querySelector("#flipp-container");

  var storefront = new Flipp.StoreFront({
    accessToken: "ACCESS_TOKEN",
    merchantId: "MERCHANT_ID",
    merchantNameIdentifier: "MERCHANT_NAME",
    locale: "en-US"
  )};

  storefront.renderStorefront(flippContainer);

</script>

I am not too sure how to create a React Wrapper around this.

Any help would be greatly appreciated. Thank you!