React will render every component twice during development. To prevent getting duplicate data, you should return a cleanup function from `useEffect` that ignores the current request. (Do not disable strict mode unless you have a very good reason to.)
Can also just use useRef instead of local
```javascript
const effectRan = useRef(false)
useEffect(() => {
let ignore = false;
if (effectRan.current === false) {
const fetchTasks = async () => {
const res = await fetch('http://localhost:8080/tasks')
const json = await response.json()
}
}
fetchTasks();}
return () => ignore = true;
}, []);
```