feat: use mql as fetcher

[Kikobeats]

No description provided.

[Kikobeats]

getApiUrl is returning two tings:

• apiUrl (string): The API url for doing the GET request.
• apiUrlProps (object): some options to be pass to fetch (like headers, etc).

Since this is directly used by useCallback props, I'm not sure if the best thing here is to split them into two different things (the current approach) or pass it as a whole thing, like:

const apiUrlProps = useMemo(() => getApiUrl(props), [props])

// passing it to fetcher
fetchFromApi(props.url, ...apiUrlProps)

// later, on props over `useCallback`
[canFetchData, setData, ...apiUrlProps])

thoughts? 🤔

[Kikobeats]

tests are failing because I need to update snapshots, but first I need your feedback 😂