Recently, I encountered an issue while trying to sign up my users using a simple form. An error popped up indicating that the data (promise argument) is undefined:
Unhandled Runtime Error TypeError: Cannot read property 'message' of undefined(apologies for any technical jargon)
Frontend
import React,{useState} from "react";
import {signup} from '../../actions/auth'
const SignupComponent = () =>{
const [values, setValues] = useState({
name: "Fares",
email: "example@example.com",
password: "password123",
error: "",
loading: false,
message: "",
showForm: true,
});
//rest of the code remains the same...
export default SignupComponent;
Signup method (isomorphic-fetch)
import fetch from 'isomorphic-fetch';
import {API} from '../config'
//rest of the code remains the same...
exports.signup = (user)=>{
return fetch(`${API}/signup`, {
method: "POST",
headers: {
Accept: "application/json",
"Contnet-Type": "application/json",
},
body: JSON.stringify(user)
}).
then((response) => {
return response.json();
}).catch((error) => console.log(error));
}
Auth API
// code omitted for brevity
// FrontEnd dependencies
"dependencies": {
// dependencies listed here...
},
backend dependencies
"dependencies": {
// dependencies listed here...
}