Add the following useEffect hook

useEffect(() => {
  if (inputValue) {
    const query = `query($code: ID!) {
      continent(code: $code) {
        countries {
          name
        }
      }
    }`;

    fetchGraphQL(query, { code: inputValue }).then((data) => {
      setCountries(data.data.continent.countries);
    });

    setIsVisible(true);
    const timer = setTimeout(() => {
      setIsVisible(false);
    }, 1000);

    return () => clearTimeout(timer);
  }
}, [inputValue]);