title: Countries End point is not returning anything although works in sandbox
body: <p>I am building a small Countries App in React.  The issue I have is that I have changed the endpoint and now it is not returning anything.  I checked this in Sandbox and it worked fine. Below is the code for the page that renders the details of the country.</p>
  
  <pre><code>import React from 'react';
  import { useEffect } from "react";
  import { useState } from "react";
  import { NavBarCard } from '../NavBar/NavBarCard';
  import './DetailCountryCard.css';
  import {Link} from 'react-router-dom';
  
  function DetailCountryCard ({ match }) {
  useEffect(() =&gt; {
      fetchItem();
      console.log(match);
      // eslint-disable-next-line 
    }, []);
  
    const [country, setCountry] = useState({});
    const [darkMode, setDarkMode] = useState(false);
  
  
  
  
    const fetchItem = async () =&gt; {
      const fetchItem = await fetch(
        `https://restcountries.eu/rest/v2/alpha/${match.params.alpha3Code}`
      );
      const country = await fetchItem.json();
      setCountry(country);
      console.log(country);
    };
  
    return (
      // &lt;div&gt;
      //   &lt;h1&gt;the country&lt;/h1&gt;
      // &lt;/div&gt;
  
      &lt;div className={darkMode ? "dark-mode" : "light-mode" }&gt;
  
          &lt;NavBarCard handlechange={()=&gt; setDarkMode(prevMode =&gt; !prevMode)} moonMode={darkMode ? "moon fas fa-moon" :
            "moon far fa-moon"}
            darkMode={darkMode ? "dark-mode" : "light-mode"}/&gt;
          &lt;div className="detailCard"&gt;
            &lt;Link to="/"&gt;
          &lt;button className="topButton myButton"&gt;Back&lt;/button&gt;
          &lt;/Link&gt;
            &lt;div className="container"&gt;
  
              &lt;img className="flag" alt="flag" src={country.flag} /&gt;
  
              &lt;div className="countryName"&gt;
  
                &lt;div className="NativeName"&gt;
                  &lt;h1 className="Country"&gt;{country.name}&lt;/h1&gt;
                  &lt;h2&gt;Native Name:&lt;/h2&gt;
                  &lt;p&gt; {country.nativeName}&lt;/p&gt;
                  &lt;br /&gt;
                  &lt;h2&gt;Population:&lt;/h2&gt;
                  &lt;p&gt; {country.population}&lt;/p&gt;
                  &lt;br /&gt;
                  &lt;h2&gt;Region:&lt;/h2&gt;
                  &lt;p&gt; {country.region}&lt;/p&gt;
                  &lt;br /&gt;
                  &lt;h2&gt;Sub Region:&lt;/h2&gt;
                  &lt;p&gt; {country.subregion}&lt;/p&gt;
                  &lt;br /&gt;
                  &lt;h2&gt;Capital:&lt;/h2&gt;
                  &lt;p&gt; {country.capital}&lt;/p&gt;
                  &lt;br /&gt;
                  &lt;div&gt;
  
                    &lt;h2&gt;Border Countries:&lt;/h2&gt;{country.borders &amp;&amp; country.borders.map(function(border){
                    return(
                    &lt;Link to={`/DetailCard/${border}`}&gt;
                    &lt;button className="myButton"&gt; {border} &lt;/button&gt;
                    &lt;/Link&gt;
                    )
                    })}
                  &lt;/div&gt;
  
                &lt;/div&gt;
              &lt;/div&gt;
              &lt;div className="domain"&gt;
                &lt;h2&gt;Top Level Domain: &lt;/h2&gt;
                &lt;p&gt;{country.topLevelDomain}&lt;/p&gt;
                &lt;br /&gt;
                &lt;h2&gt;Currencies: &lt;/h2&gt;
                &lt;p&gt;{country.currencies &amp;&amp; country.currencies.map(({ name }) =&gt; name).join(", ")}&lt;/p&gt;
                &lt;br /&gt;
                &lt;h2&gt;Languages: &lt;/h2&gt;
                &lt;p&gt;{country.languages &amp;&amp; country.languages.map(({ name }) =&gt; name).join(", ")}&lt;/p&gt;
                &lt;br /&gt;
              &lt;/div&gt;
            &lt;/div&gt;
  
        &lt;/div&gt;
      &lt;/div&gt;
  
    );
   }
  
  export default DetailCountryCard;
  </code></pre>
  
  <p>All I get is blank page and in the console it saying that I am getting a status of 400.  Any help would be appreciated.  If I just put bra as the last three letters of the alpha code this is what I get.<a href="https://i.stack.imgur.com/zOm76.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zOm76.png" alt="Console of Api"></a></p>