ReactとGoogle Analytics APIを使用したWEBアプリの作成がしたい

前提・実現したいこと

現在、ReactとGoogle AnalyticsのAPIを使用してWEBアプリの作成をしています。

consoleの方で、OAuth 2.0 クライアント IDとAPI キーは作成しています。
また、analyticsのAPIの使用許可も行っております。

実現したいことはGoogle AnalyticsのAPIのレスポンスを取得したいです。

現在、エラーは403が返ってきています。
https://developers.google.com/analytics/devguides/reporting/core/v4/errors?hl=ja

発生している問題・エラーメッセージ

Uncaught (in promise) 
{
  "error": {
    "code": 403,
    "message": "Request had insufficient authentication scopes.",
    "status": "PERMISSION_DENIED"
  }
}

該当のソースコード

以下のソースコードはReactとTypeScriptを使用しているため、tsxでの実装となっております。

typescript
1  const start = async () => {
2    await gapi.client.init({
3      apiKey: '<apiKey>',
4      discoveryDocs: ['https://analyticsreporting.googleapis.com/$discovery/rest?version=v4'],
5      clientId: '<clientId>',
6      scope: 'profile',
7    });
8    gapi.auth2.getAuthInstance().isSignedIn.listen(updateSigninStatus);
9    updateSigninStatus(gapi.auth2.getAuthInstance().isSignedIn.get());
10  };
11
12  const clickHandler = useCallback(async () => {
13    const client = await gapi.client.request({
14      path: 'https://analyticsreporting.googleapis.com/v4/reports:batchGet',
15      method: 'POST',
16      body: {
17        reportRequests: [
18          {
19            viewId: '191284033',
20            dateRanges: [
21              {
22                startDate: '2020-03-01',
23                endDate: '2020-03-10',
24              },
25            ],
26            metrics: [
27              {
28                expression: 'ga:sessions',
29              },
30            ],
31          },
32        ],
33      },
34    });
35    // eslint-disable-next-line no-console
36    console.log({ client });
37  }, []);
38
39  function updateSigninStatus(isSignedIn: boolean) {
40    setLogin(isSignedIn);
41  }