i wish to convert this html code to react code where i pass the information of the name and i would get the results back in react frontend

<script src="//www.squarefoot.com.sg/js/iframeresizer.min.js"></script>
<!-- Replace j93b541us62ngpax78dqefm0rzocythi in the following line with token issued for your domain -->
<script src="//www.squarefoot.com.sg/component/sqftapi?token=j93b541us62ngpax78dqefm0rzocythi&task=js"></script>
<script>
    $(document).ready(function(){
        squarefoot.load("sqftmain",{
            task: "project", **name**: "Compass Heights", type: "r", subtype: "abc", summary: "1", transaction: "1", pricechart: "1", rangechart: "1", rental: "1", map: "1", nearby: "1,1,500,", amenities: "1,1,500,abcdefghijklmnpqr"
        });
        $("#sqftmain").iFrameResize();
    });
</script>
<iframe id="sqftmain" style="background-color:#fcfcfc" frameborder="0" width="100%"></iframe>

currently now is it a iframe, which i do not know how to pass inside the react to display similar on my frontend

the end result is a blank iframe, where i expect it to display the compass heights information