deseo convertir este código html en código de reacción donde paso la información del nombre y obtendría los resultados en la interfaz de reacción

 <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>

actualmente ahora es un iframe, que no sé cómo pasar dentro de la reacción para mostrar algo similar en mi interfaz

el resultado final es un iframe en blanco, donde espero que muestre la información de las alturas de la brújula