✨

package.json

@@ -116,6 +116,7 @@
     "twitter-regexps": "^3.1.1",
     "typescript": "^4.2.3",
     "url-loader": "^4.1.1",
+    "utility-types": "^3.10.0",
     "web-ext": "^5.5.0",
     "webextension-polyfill-ts": "^0.25.0",
     "webpack": "^5.24.3",

src/components/settings/components/settingsCredits.tsx

@@ -1,14 +1,17 @@
 import {css} from '@emotion/css';
 import {Octokit} from '@octokit/core';
 import React, {FC, useEffect, useState} from 'react';
+import {PromiseType} from 'utility-types';
 
 import {Trans} from '../../trans';
 import {settingsRegularText} from '../settingsStyles';
 
 const octokit = new Octokit();
 
 export const SettingsCredits: FC = () => {
-  const [contributors, setContributors] = useState<ReadonlyArray<GithubContributor>>([]);
+  const [contributors, setContributors] = useState<
+    PromiseType<ReturnType<typeof getGithubContributors>>
+  >([]);
 
   useEffect(() => {
     getGithubContributors().then(setContributors);
@@ -91,13 +94,7 @@ export const SettingsCredits: FC = () => {
   );
 };
 
-interface GithubContributor {
-  contributions: number;
-  username: string | undefined;
-  url: string | undefined;
-}
-
-async function getGithubContributors(): Promise<ReadonlyArray<GithubContributor>> {
+async function getGithubContributors() {
   const response = await octokit.request('GET /repos/{owner}/{repo}/contributors', {
     owner: 'eramdam',
     repo: 'BetterTweetDeck',