Soy nuevo en reactjs y estoy trabajando en el marco nextjs, estoy tratando de integrar la sección "boletín", para esto creé "api", así que cada vez que paso un correo electrónico en la URL, el correo electrónico se guardará en mi base de datos a través de la API, así que ahora soy tratando de usar esta api en la sección "boletín" pero recibo el siguiente error

 "TypeError: _ctx.t0.response is undefined"

Aquí está mi URL de API

 https://myurl.com?email=loremipsum@gmail.com

Aquí está mi código (dentro de la carpeta "componentes")

 import React, { useEffect, useState } from "react"; function Subscribe() { const [email, setEmail] = useState('') const [state, setState] = useState('idle') const [errorMsg, setErrorMsg] = useState(null) const subscribe = async (e) => { e.preventDefault() setState('Loading') try { const response = await axios.post('https://myurl.com?email=', { email }) console.log(response) setState('Success') setEmail('') } catch (e) { console.log(e.response.data.error) setErrorMsg(e.response.data.error) setState('Error') } } return ( <div className="container"> <div className="row"> <div className="col-md-7 col-sm-12 col-lg-7 ft-img"> <img src="img/xchanger.png" /> </div> <div className="col-md-5 col-sm-12 col-lg-5 ft-form"> <form className="row g-3"> <div className="col-12"> <input type="subscribe" className="form-control" id="subscribe2" name="email" type="email" placeholder="Please Subscribe" value={email} onChange={(e) => setEmail(e.target.value)}/> <button disabled={state === 'Loading'} type="submit" className="btn btn-primary mb-3" onClick={subscribe}> subscribe </button> </div> {state === 'Error' && ( <ErrorState className="error-state">{errorMsg}</ErrorState> )} {state === 'Success' && ( <SuccessState>Awesome, you've been subscribed!</SuccessState> )} </form> </div> </div> </div> ) } export default Subscribe