React Fetch Data

App.js

import { useEffect } from "react";

const App = ({ placeholder, entry }) => {
  const [categories, setCategories] = useState([]);

  // useEffect(() => {
  //   fetch('https://google.com')
  //     .then(res => res.json())
  //     .then(res => {
  //       setCategories(res.data.categories)
  //     })
  //     .catch(err => console.log(error))
  // }, []);
  
  useEffect(async () => {
    const res = await fetch('https://google.com').then(res => res.json())
    setCategories(res.data.categories)
  }, []);



  return (
    <>
      <ul>
        {categories.map(category => (
          <li>{category}</li>
        ))}
      </ul>
    </>
  );
};