<h2 id="improve-yulp">Improve Yulp</h2>
<h3 id="change-using-react-query-to-manage-the-fetching-data-function">Change using React Query to manage the fetching data function.</h3>
Normally(Example), it uses the first prams to pass data as Array. You can pass prams like geolocation to fetch function.
<pre><code>const { data, status, isLoading } = useQuery(["fetchByLocation", geolocation], getYelpData)
</code></pre>In fetch function, it would be an object called queryKey. The first one is 'fetchByLocation, so the second one is geolocation.
<pre><code>export const getYelpData = ({ queryKey }) =&gt; {

 const location = queryKey[1]
 ...
</code></pre>React Query helps easy to manage status and loading. Also, it has some cool functions I didn't use.

## Improve Yulp

### Change using React Query to manage the fetching data function. 
Normally(Example), it uses the first prams to pass data as Array. You can pass prams like geolocation to fetch function.

```
const { data, status, isLoading } = useQuery(["fetchByLocation", geolocation], getYelpData)

``` 
In fetch function, it would be an object called queryKey. The first one is 'fetchByLocation, so the second one is geolocation.

```
export const getYelpData = ({ queryKey }) => {

  const location = queryKey[1]
  ...
``` 
React Query helps easy to manage status and loading. Also, it has some cool functions I didn't use.


#100DAYSOFCODE Day90

Improve Yulp

Change using React Query to manage the fetching data function.