Unhandled Rejection (TypeError): setDailyData is not a function

Question

I have an error in below code and I don't know what should I do.

const { dailyData, setDailyData } = useState([]);

useEffect(() => {
    const fetchAPI = async () => {
    setDailyData(await fetchDailyData());
};

    fetchAPI();
  });

Error

Answer 1

The issue with your code is that you are extracting the properties from useState incorrectly.

---

The useState function returns an array , from which you destructure the properties by index.

To destructure the returned value of useState , you need to use square brackets ( [] ) instead of curly braces ( {} ).

So, the fixed code would look like so.

const [dailyData, setDailyData] = useState([]);

This will assign the values of the array to the variables as so.

Index	Variable
0	dailyData
1	setDailyData

---

In conclusion, you have to destructure the useState return value by index (eg 0 , 1 , etc.), instead of by name.