Merge pull request #8982 from backstage/rugvip/tsbump

Upgrade TypeScript to 4.5 and decouple versioning

plugins/azure-devops/src/hooks/useUserTeamIds.ts

@@ -16,7 +16,7 @@
 
 import { azureDevOpsApiRef } from '../api';
 import { useApi } from '@backstage/core-plugin-api';
-import { useAsync } from 'react-use';
+import useAsync from 'react-use/lib/useAsync';
 
 export function useUserTeamIds(userId: string | undefined): {
   teamIds?: string[];

plugins/bazaar/src/components/HomePageBazaarInfoCard/HomePageBazaarInfoCard.tsx

@@ -43,7 +43,7 @@ import {
 import { Member, BazaarProject } from '../../types';
 import { bazaarApiRef } from '../../api';
 import { Alert } from '@material-ui/lab';
-import { useAsyncFn } from 'react-use';
+import useAsyncFn from 'react-use/lib/useAsyncFn';
 import {
   catalogApiRef,
   catalogRouteRef,

plugins/catalog-react/api-report.md

@@ -296,43 +296,40 @@ export const EntityRefLink: React_2.ForwardRefExoticComponent<
   Pick<
     EntityRefLinkProps,
     | 'replace'
+    | 'type'
+    | 'key'
+    | 'id'
     | 'media'
+    | 'state'
+    | 'color'
+    | 'display'
+    | 'translate'
     | 'hidden'
     | 'dir'
     | 'slot'
     | 'style'
     | 'title'
-    | 'color'
-    | 'underline'
-    | 'display'
-    | 'translate'
+    | 'target'
+    | 'accessKey'
+    | 'draggable'
+    | 'lang'
+    | 'className'
     | 'prefix'
     | 'children'
-    | 'key'
-    | 'id'
-    | 'variant'
-    | 'state'
-    | 'href'
+    | 'contentEditable'
+    | 'inputMode'
+    | 'tabIndex'
+    | 'underline'
     | 'download'
+    | 'href'
     | 'hrefLang'
-    | 'ping'
-    | 'rel'
-    | 'target'
-    | 'type'
-    | 'referrerPolicy'
     | 'defaultChecked'
     | 'defaultValue'
     | 'suppressContentEditableWarning'
     | 'suppressHydrationWarning'
-    | 'accessKey'
-    | 'className'
-    | 'contentEditable'
     | 'contextMenu'
-    | 'draggable'
-    | 'lang'
     | 'placeholder'
     | 'spellCheck'
-    | 'tabIndex'
     | 'radioGroup'
     | 'role'
     | 'about'
@@ -353,7 +350,6 @@ export const EntityRefLink: React_2.ForwardRefExoticComponent<
     | 'results'
     | 'security'
     | 'unselectable'
-    | 'inputMode'
     | 'is'
     | 'aria-activedescendant'
     | 'aria-atomic'
@@ -403,6 +399,7 @@ export const EntityRefLink: React_2.ForwardRefExoticComponent<
     | 'aria-valuemin'
     | 'aria-valuenow'
     | 'aria-valuetext'
+    | 'rel'
     | 'dangerouslySetInnerHTML'
     | 'onCopy'
     | 'onCopyCapture'
@@ -564,13 +561,16 @@ export const EntityRefLink: React_2.ForwardRefExoticComponent<
     | 'onAnimationIterationCapture'
     | 'onTransitionEnd'
     | 'onTransitionEndCapture'
+    | 'ping'
+    | 'referrerPolicy'
+    | 'align'
+    | 'variant'
     | 'component'
     | 'classes'
     | 'innerRef'
     | 'noWrap'
     | 'gutterBottom'
     | 'paragraph'
-    | 'align'
     | 'variantMapping'
     | 'TypographyClasses'
     | 'entityRef'

plugins/gocd/src/components/GoCdBuildsComponent/GoCdBuildsComponent.tsx

@@ -24,7 +24,7 @@ import {
   Page,
 } from '@backstage/core-components';
 import { useApi, configApiRef } from '@backstage/core-plugin-api';
-import { useAsync } from 'react-use';
+import useAsync from 'react-use/lib/useAsync';
 import { gocdApiRef } from '../../plugin';
 import { GoCdBuildsTable } from '../GoCdBuildsTable/GoCdBuildsTable';
 import { GoCdApiError, PipelineHistory } from '../../api/gocdApi.model';

plugins/scaffolder/src/components/fields/EntityTagsPicker/EntityTagsPicker.tsx

@@ -14,7 +14,8 @@
  * limitations under the License.
  */
 import React, { useState } from 'react';
-import { useAsync, useEffectOnce } from 'react-use';
+import useAsync from 'react-use/lib/useAsync';
+import useEffectOnce from 'react-use/lib/useEffectOnce';
 import { CatalogEntitiesRequest } from '@backstage/catalog-client';
 import { Entity, makeValidator } from '@backstage/catalog-model';
 import { useApi } from '@backstage/core-plugin-api';