Entonces, la mutación funciona en graphiql, por lo que el problema es la interfaz, básicamente tengo una función vinculada a onClick que captura algún valor de entrada y ese valor se envía al servidor backend para actualizar la base de datos. Aquí está la solicitud.

 const updateTitle = async () => { //api data const data = await fetch(`http://localhost:8081/graphql`, { method: 'POST', body: JSON.stringify({ query: ` mutation { updateMenu(menuInput: {_id: ${elementId},title: ${inputValue}}){ title } } ` }), headers: { 'Content-Type': 'application/json' } }) //convert api data to json const json = await data.json(); console.log(json) }

esto es lo que se registra en la consola: (Array es justo donde estaba el error)

 {message: 'Syntax Error: Invalid number, expected digit but got: "c".', locations: Array(1)}

Debido a que estoy mapeando una matriz de objetos de una base de datos mongo, puedo usar la identificación asignada para la mutación, la consola registró eso y está bien, un botón anterior establece esa identificación en un estado utilizado en la consulta, y los datos de entrada también son puesto en un estado que se utiliza en la mutación. La mutación tiene lugar después de configurar estos estados, por lo que no veo que sea un problema asíncrono.

Estas son las funciones que establecen el valor de entrada y llaman a la función con la solicitud de recuperación. (la identificación se establece dentro de la función de mapa de matriz)

 const [inputValue, setInputValue] = useState(" "); const handleInput = event => { setInputValue(event.target.value); }; const logInputValue = () => { console.log(inputValue); updateTitle() // window.location.reload() };

Por favor, hágamelo saber si se necesita más información para responder! Inicialmente, no incluiré toda la función de mapa porque es un desastre de trabajo. Pero aquí está el código para el botón dentro de la función de mapa que inicia todo el proceso.

 <button onClick={() => { logInputValue(); setElementId(item._id); }}>save</button> </div>}

¡¡Gracias!!