title: React.js Axios API render error on request
body: <p>I am trying to fetch some data from a Football API. For example, the countries that are provided by the API. I could get the data in the console.log but as soon as I try to render it, I get this error : Uncaught TypeError: (0 , axios__WEBPACK_IMPORTED_MODULE_0__.useState) is not a function or its return value is not iterable.</p>
  <pre><code>Here is the code :
  
      import axios from 'axios';
      import './App.css';
      import { useState } from 'axios';
      import React from 'react';
      
      
      function Ui() {
        const [country, setCountry] = useState('')
        
      
        
        const options = {
          method: 'GET',
          url: 'https://api-football-v1.p.rapidapi.com/v3/countries',
          headers: {
            'X-RapidAPI-Key': '',
            'X-RapidAPI-Host': 'api-football-v1.p.rapidapi.com'
          }
        };
        
      
        const getCountry = () =&gt; {
        axios.request(options).then(function (res) {
          setCountry(res.data.response);
          
        }).catch(function (error) {
          console.error(error);
        })
      }
      
      
        
      
      
        return (
          &lt;&gt;
          &lt;button onClick={getCountry}&gt;Get Country&lt;/button&gt;
          &lt;p&gt;{country}&lt;/p&gt;
          &lt;/&gt;
        );
      }
      
      export default Ui;
  </code></pre>