Is useEffect working in the next js version 13.5.3? #56297

RazneshPrajapati · 2023-10-02T10:00:37Z

RazneshPrajapati
Oct 2, 2023

I am trying to use useEffect() but it is not working. Can anyone help me?

"use client";
import { useEffect, useState } from "react";

function Dashboard() {
  const [data, setData] = useState([]);
  const [loading, setLoading] = useState(false);

  useEffect(() => {
    setLoading(true);
    fetch("https://jsonplaceholder.typicode.com/users")
      .then((response) => {
        if (!response.ok) {
          throw new Error("Network response was not ok");
        }
        return response.json();
      })
      .then((result) => {
        setData(result);
      })
      .catch((error) => {
        console.error("Error fetching data:", error);
      })
      .finally(() => {
        setLoading(false);
      });
  }, []);

  return (
    <div>
      {loading ? (
        <div>Loading...</div>
      ) : (
        <>
          <h1>User List</h1>
          <ul>
            {data.map((item: any) => (
              <li key={item.id}>{item.name}</li>
            ))}
          </ul>
        </>
      )}
    </div>
  );
}

export default Dashboard;