Using React Query with fetch

In this section, we will build an app containing a form that allows users to search and star GitHub repositories. The app will also have a header containing our name from GitHub. We will use the browser fetch function with React Query to interact with the GitHub GraphQL API. Let’s get started.

Creating the header

We will create the header for the app, which will contain our GitHub name. We will create a Header component containing this, which will be referenced from the App component. The Header component will use React Query to execute a function that gets our GitHub name calling the GitHub GraphQL API.

Creating a function to get viewer information

Carry out the following steps to create a function that makes a request to the GitHub GraphQL API to get details about the logged-in viewer:

1. We will start by creating a folder for the API calls. Create an api folder in the src folder.
2. Now, we will create a type that the function...