Merge pull request #32070 from backstage/renovate/swagger-ui-react-5.x

chore(deps): update dependency @types/swagger-ui-react to v5

.changeset/renovate-ccf3e66.md

@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-api-docs': patch
+---
+
+Updated dependency `@types/swagger-ui-react` to `^5.0.0`.

.changeset/slow-clouds-tie.md

@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-api-docs': patch
+---
+
+Fix types with new bumped dependency

plugins/api-docs/package.json

@@ -83,7 +83,7 @@
     "@testing-library/user-event": "^14.0.0",
     "@types/highlightjs": "^10.1.0",
     "@types/react": "^18.0.0",
-    "@types/swagger-ui-react": "^4.18.0",
+    "@types/swagger-ui-react": "^5.0.0",
     "react": "^18.0.2",
     "react-dom": "^18.0.2",
     "react-router-dom": "^6.3.0"

plugins/api-docs/src/components/OpenApiDefinitionWidget/OpenApiDefinition.test.tsx

@@ -96,13 +96,13 @@ paths:
     `;
 
     const requestInterceptor = (req: any) => req;
-    const supportedSubmitMethods = ['get', 'post', 'put', 'delete'];
+    const supportedSubmitMethods = ['get', 'post', 'put', 'delete'] as const;
 
     const { findByRole, getByRole, getByLabelText } = await renderInTestApp(
       <OpenApiDefinition
         definition={definition}
         requestInterceptor={requestInterceptor}
-        supportedSubmitMethods={supportedSubmitMethods}
+        supportedSubmitMethods={supportedSubmitMethods as any}
       />,
     );
 

plugins/api-docs/src/components/OpenApiDefinitionWidget/OpenApiDefinition.tsx

@@ -16,7 +16,7 @@
 
 import { makeStyles } from '@material-ui/core/styles';
 import { useEffect, useState } from 'react';
-import SwaggerUI, { SwaggerUIProps } from 'swagger-ui-react';
+import SwaggerUI from 'swagger-ui-react';
 import 'swagger-ui-react/swagger-ui.css';
 
 const useStyles = makeStyles(theme => ({
@@ -179,7 +179,7 @@ const useStyles = makeStyles(theme => ({
 
 export type OpenApiDefinitionProps = {
   definition: string;
-} & Omit<SwaggerUIProps, 'spec'>;
+} & Omit<React.ComponentProps<typeof SwaggerUI>, 'spec'>;
 
 export const OpenApiDefinition = ({
   definition,

plugins/api-docs/src/components/OpenApiDefinitionWidget/OpenApiDefinitionWidget.tsx

@@ -43,7 +43,7 @@ export const OpenApiDefinitionWidget = (
     <Suspense fallback={<Progress />}>
       <LazyOpenApiDefinition
         {...props}
-        supportedSubmitMethods={validSubmitMethods}
+        supportedSubmitMethods={validSubmitMethods as any}
       />
     </Suspense>
   );

yarn.lock

@@ -4092,7 +4092,7 @@ __metadata:
     "@testing-library/user-event": "npm:^14.0.0"
     "@types/highlightjs": "npm:^10.1.0"
     "@types/react": "npm:^18.0.0"
-    "@types/swagger-ui-react": "npm:^4.18.0"
+    "@types/swagger-ui-react": "npm:^5.0.0"
     graphiql: "npm:3.1.1"
     graphql: "npm:^16.0.0"
     graphql-config: "npm:^5.0.2"
@@ -22096,12 +22096,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/swagger-ui-react@npm:^4.18.0":
-  version: 4.18.3
-  resolution: "@types/swagger-ui-react@npm:4.18.3"
+"@types/swagger-ui-react@npm:^5.0.0":
+  version: 5.18.0
+  resolution: "@types/swagger-ui-react@npm:5.18.0"
   dependencies:
     "@types/react": "npm:*"
-  checksum: 10/4927314f1b0d68edf200ef15bca7555f12ec1bb8cc699fa397ef2f4e1e1873d17880b663bbc6d70e30149e50c3e7055178c1e0aad110520dfb31d781ab326dcb
+  checksum: 10/002bb3e38eb5917f5da942affa357811ccb078816bf53ba9007e43603f9b9a839eb930380b08051b9cc9a95ca2ebec06599a825e4d0542e436ea2c2027fc3a0a
   languageName: node
   linkType: hard