useEffect(() => { fetch(`https://jsonplaceholder.typicode.com/${query}`) .then(response => response.json()) .then(json => setData(json)); }, [query]); // only re-run on query change