fix(ts): Fix TypeScript issue in integration configuration view

Fix a TypeScript error ignored with an '@ts-ignore' statement by
fixing the definition of the 'OrganizationIntegration' type and
using it instead of 'IntegrationWithConfig'.

Author: floels

static/app/types/integrations.tsx

@@ -383,7 +383,7 @@ type ConfigData = {
   installationType?: string;
 };
 
-export interface OrganizationIntegration extends CommonIntegration {
+export interface OrganizationIntegration extends Integration {
   configData: ConfigData | null;
   configOrganization: Field[];
   externalId: string;

static/app/views/settings/organizationIntegrations/configureIntegration.tsx

@@ -20,8 +20,8 @@ import {t} from 'sentry/locale';
 import {space} from 'sentry/styles/space';
 import type {
   IntegrationProvider,
-  IntegrationWithConfig,
   Organization,
+  OrganizationIntegration,
   PluginWithProjectList,
 } from 'sentry/types';
 import {singleLineRenderer} from 'sentry/utils/marked';
@@ -95,7 +95,7 @@ function ConfigureIntegration({params, router, routes, location}: Props) {
     isError: isErrorIntegration,
     refetch: refetchIntegration,
     remove: removeIntegration,
-  } = useApiQuery<IntegrationWithConfig>(
+  } = useApiQuery<OrganizationIntegration>(
     makeIntegrationQuery(organization, integrationId),
     {staleTime: 0}
   );
@@ -254,7 +254,6 @@ function ConfigureIntegration({params, router, routes, location}: Props) {
         <LinkButton
           aria-label={t('Open this server in the Discord app')}
           size="sm"
-          // @ts-ignore - the type of integration here is weird.
           href={`discord://discord.com/channels/${integration.externalId}`}
         >
           {t('Open in Discord')}

static/app/views/settings/organizationIntegrations/integrationServerlessFunctions.tsx

@@ -3,7 +3,11 @@ import {Fragment} from 'react';
 import styled from '@emotion/styled';
 
 import DeprecatedAsyncComponent from 'sentry/components/deprecatedAsyncComponent';
-import type {IntegrationWithConfig, Organization, ServerlessFunction} from 'sentry/types';
+import type {
+  Organization,
+  OrganizationIntegration,
+  ServerlessFunction,
+} from 'sentry/types';
 import Panel from 'sentry/components/panels/panel';
 import PanelBody from 'sentry/components/panels/panelBody';
 import PanelHeader from 'sentry/components/panels/panelHeader';
@@ -16,7 +20,7 @@ import {trackIntegrationAnalytics} from 'sentry/utils/integrationUtil';
 import IntegrationServerlessRow from './integrationServerlessRow';
 
 type Props = DeprecatedAsyncComponent['props'] & {
-  integration: IntegrationWithConfig;
+  integration: OrganizationIntegration;
   organization: Organization;
 };
 

static/app/views/settings/organizationIntegrations/integrationServerlessRow.tsx

@@ -11,13 +11,17 @@ import {Button} from 'sentry/components/button';
 import Switch from 'sentry/components/switchButton';
 import {t} from 'sentry/locale';
 import {space} from 'sentry/styles/space';
-import type {IntegrationWithConfig, Organization, ServerlessFunction} from 'sentry/types';
+import type {
+  Organization,
+  OrganizationIntegration,
+  ServerlessFunction,
+} from 'sentry/types';
 import {trackIntegrationAnalytics} from 'sentry/utils/integrationUtil';
 import withApi from 'sentry/utils/withApi';
 
 type Props = {
   api: Client;
-  integration: IntegrationWithConfig;
+  integration: OrganizationIntegration;
   onUpdateFunction: (serverlessFunctionUpdate: Partial<ServerlessFunction>) => void;
   organization: Organization;
   serverlessFunction: ServerlessFunction;