Breaking News: Grepper is joining You.com. Read the official announcement!

Cannot read properties of undefined (reading 'map') - useQuery

Godwin_NJ answered on February 18, 2022 Popularity 10/10 Helpfulness 1/10

answer Cannot read properties of undefined (reading 'map') - useQuery

related Cannot read properties of undefined (reading 'map')

Cannot read properties of undefined (reading 'map') - useQuery

Comment

// NOTE - This solution works when your working with REACT-QUERY
const fetchPlanets = async (page) => {
  // const [_key, page] = queryKey;
  const response = await fetch(`https://swapi.dev/api/planets/?page=${page}`);
  if (!response.ok) {
    throw new Error("Network response was not ok");
  }
  return response.json();
};

const Planents = () => {
  const [page, setPage] = useState(2);
  //this point did the magic, and enable the [page-state] 
  //to be seen at the fetch function
  const { data, status } = useQuery(["planets", page], () =>
    fetchPlanets(page)
  );
  console.log(data);
  return (
    <div>
      <h2>Planets</h2>
      {status === "pending" && <div>Loading Data</div>}
      {status === "error" && <div>Error fetching data</div>}
      {status === "success" && (
        <div>
          {data.results.map((planet) => {
            return <SinglePlanet key={planet.name} planet={planet} />;
          })}
        </div>
      )}
    </div>
  );
};

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: javascript properties undefined

Link to this answer
Share Copy Link

Contributed on Feb 18 2022

Godwin_NJ

0 Answers Avg Quality 2/10

Closely Related Answers

Cannot read properties of undefined (reading 'map')

Comment

-1

In plain terms, the error occurs when you try to map over an undefined value, 
such as an array that has not been initialized or has not yet received data.

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Dec 08 2023

Mr not.Ok

0 Answers Avg Quality 2/10

Cannot read properties of undefined (reading 'map') - useQuery

Contents

More Related Answers

Cannot read properties of undefined (reading 'map') - useQuery

Closely Related Answers

Cannot read properties of undefined (reading 'map')

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.