const initialState = { name: "", contractId: "", initialBalance: 0, }; State.init(initialState); const registerConsumer = () => { fetch( `https://ec2-35-86-104-154.us-west-2.compute.amazonaws.com:3000/consumer`, { method: "POST", headers: { Accept: "application/json", "Content-Type": "application/json", }, body: JSON.stringify(state), } ); }; return ( <div> <h1>Register for Analytics</h1> Company Name <input type="text" value={state.name} onChange={(e) => State.update({ name: e.target.value })} /> Contract ID <input type="text" value={state.contractId} onChange={(e) => State.update({ contractId: e.target.value, }) } /> Initial Balance <input type="number" value={state.initialBalance} onChange={(e) => State.update({ initialBalance: e.target.value })} /> <p></p> <button onClick={registerConsumer}>Confirm</button> <button onClick={() => State.update(initialState)}>Reset Form</button> </div> );