Make Multiple SWR Data Fetch Calls In The Same React Component
This code let's you use multiple swr calls in the same component. The key is to apply a name to each one.
javascript
const const =
const =
Then you can check for each with :
if (playlistsError) return <div>Could not get playlists</div>
if (!playlists) return <div>Loading playlists...</div>
// do something with playlists
if (songsError) return <div>Could not get songs</div>
if (!songs) return <div>Loading songs...</div>
// do something with songs
Messing with that is left as an exercise for the reader
Note that the useSWR can't go inside a basic function inside a component