Erreur non sérialisable lors du renvoi de la réponse lors de la sélection de documents de la collection MongoDb. React et NodeJS

Question

Mon objectif est simplement de renvoyer les plaintes appartenant à cet utilisateur.

J'ai deux collections dans MongoDB. Utilisateurs et plaintes. Un utilisateur a une plainte et un autre utilisateur a deux plaintes.

J'utilise Redux pour créer un état initial avec userComplaints: null.

Pour son réducteur, j'écris : onlyUserComplaints: (state, { Payload }) => { state.userComplaints = Payload; localStorage.setItem('userComplaints', JSON.stringify(payload)); },

Voici le code pertinent pour cette opération, `const config = { titre:{ 'type de contenu' : 'application/json', }, };

const data = await axios.get(
  `http://localhost:5000/api/complaint/gettingusercomplaints/${userId}`,
  config
);

dispatch(onlyUserComplaints(data))`

Mon itinéraire peut être trouvé dans Postman comme suit : `const getAllUserComplaints = asyncHandler(async (req, res) => { essayer { const userId = req.params.id;

const userComplaints = await Complaint.find({ userId });

res.status(201).json(userComplaints);

} capture (erreur) { lancez une nouvelle AppError (出现问题, 404); } });`

Pour cet itinéraire, j'ai eu un Get All Complaints similaire et il a renvoyé avec succès trois plaintes. Le code pertinent est constcomplaint=awaitComplaint.find({});

J'ai essayé de remplacer find par findById mais cela a échoué dans Postman lorsque je voulais simplement recevoir des plaintes pour un utilisateur donné.

Regardez l'erreur réelle :

Donc, c’est ce que je ne comprends pas. Les données sont parfaitement remplies dans Postman. Cependant, lorsque je console.log(userComplaints) les données renvoyées, son type n'est pas un objet, comme lorsque j'interroge find({})... lorsque je demande toutes les plaintes.

Plus d'informations ici :

Des idées?

Mais le facteur a dit que ce n'était pas un problème.

Answer 1

Lanxion a souligné sur Discord que je ne déconstruisais pas les données dans la réponse, donc j'obtenais d'autres éléments dans les en-têtes, comme des options.

const {data} = axios...