browser.ts

import React, { useRef, useState } from "react"; 
import "./Welcome.css"; 

export function Welcome(props) { 

 
  const [srcURL, setsrcURL] = useState("https://www.google.com");

  const handleSubmit = () => { 
      setsrcURL(srcURL); 
  };
  return (
    <div className="App">
      <input type="text" 
        onChange={(e) => setsrcURL(e.target.value)}></input>
      <button type="button" onClick={handleSubmit}>
        Submit
      </button>
      <iframe
        title="myBook"
        src={srcURL}
        height="720"
        width="1280"
        sandbox='allow-scripts allow-modal' 
        frameBorder="0"
        scrolling="no"
        allowFullScreen={true} 
      ></iframe>
    </div> 
  );
}