Estoy tratando de enviar un correo electrónico en el campo del formulario de entrada y hacer que se publique en mi hoja de Google como backend. Estoy usando sheetdb.io para manejar esto y he usado su ejemplo de Javascript en mi función reaccionar handleSubmit. Por alguna razón, el correo electrónico no se publica en las hojas de Google.

¿Alguien puede decirme qué estoy haciendo mal?

 import './Hero.css' import prlearn_logo from '../assets/prlearn_logo.png' import { useState } from 'react' function Hero(){ //managing state of input field const [input, setInput] = useState('') const handleSubmit = (e) => { e.preventDefault() fetch('https://sheetdb.io/api/v1/1k4utfd19hypz') .then(response => response.json()) .then(data => { console.log(data); }) .catch(error => { console.error(error); }); } return ( <div className="container"> <div className="heading"> <img className ="logo" src={prlearn_logo} alt="prlearn_logo" /> <h1 className="h1">Learn Spanish from native speakers and support the local community. <br/> <span>Feel at home by removing the language barrier.</span> </h1> </div> <div className="waitlist"> <form onSubmit={handleSubmit}> <input type="text" className="input-field" placeholder="Enter email address" name="e-mail" required value={input} //changes input in state function onChange={(e) => setInput(e.target.value)} /> <button type="submit" className="button">Join The Waitlist</button> </form> </div> </div> ) } export default Hero