Axios is undefined in React, error: Uncaught TypeError: Cannot read property 'post' of undefined

user_7507786 0
Viewed 4442

I have installed the axios package with: npm i axios. I import it in my redux action and Im trying to axios.post(), but the axios object is undefined. It posts successfully with .fetch() I'm using "axios": "^0.19.2" & "react": "^16.13.0".

import { axios } from "axios";

// Login User
export const login = () => dispatch => {
    const requestOptions = {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({ email: "jan@gmail.com", password: "password" })
    };
    axios.post("https://freunder.uber.space/login", requestOptions)
      .then(response => response.json())
  };

Browser error

axios reactjs api javascript
2 Answers

Import axios as a default instead of a named export like so:

// This
import axios from 'axios';

// Instead of this
import { axios } from "axios";
user_44215030

I tried you code, its returning 401 error and i am not facing the error you posted . You can see the response as well

enter image description here

The response :

enter image description here

user_101782780
Related