Update @types/swagger-ui-react

plugins/api-docs/package.json

@@ -45,7 +45,7 @@
     "@testing-library/user-event": "^12.0.7",
     "@types/jest": "^26.0.7",
     "@types/node": "^12.0.0",
-    "@types/swagger-ui-react": "^3.23.2",
+    "@types/swagger-ui-react": "^3.23.3",
     "jest-fetch-mock": "^3.0.3"
   },
   "files": [

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

@@ -32,10 +32,9 @@ export const OpenApiDefinitionWidget: FC<{
 
   // TODO: This looks fine in the light theme, but wrong in dark mode. We need a custom stylesheet for swagger-ui.
   // Till then, we add a white background to the swagger-ui to make it usable in dark mode.
-  // TODO: the typings do not allow a string while the component does (https://github.com/DefinitelyTyped/DefinitelyTyped/pull/46654)
   return (
     <div style={{ backgroundColor: 'white' }}>
-      <SwaggerUI spec={(def as any) as object} />
+      <SwaggerUI spec={def} />
     </div>
   );
 };

yarn.lock

@@ -4785,10 +4785,10 @@
   dependencies:
     "@types/superagent" "*"
 
-"@types/swagger-ui-react@^3.23.2":
-  version "3.23.2"
-  resolved "https://registry.npmjs.org/@types/swagger-ui-react/-/swagger-ui-react-3.23.2.tgz#153eb466785763b514459a300772a43257a3c16b"
-  integrity sha512-EMD/EHdGQ6rBjfKE05x2syyw4kMZiA0qRIlv0q9EpQWYWWBhHwffSR0ljSHCy+pbX8zdOct08w8hVA0V0SAo0Q==
+"@types/swagger-ui-react@^3.23.3":
+  version "3.23.3"
+  resolved "https://registry.npmjs.org/@types/swagger-ui-react/-/swagger-ui-react-3.23.3.tgz#56bcf3872d8655500e6d51d29ba3916397806fa3"
+  integrity sha512-JKWYWAliabBxMxURagpRR6RHLEZxxp2W2tf1IN7ftqye6dIxC2e4mh4eZzARPG8+2OpzKlodHIOIwueFTYWaag==
   dependencies:
     "@types/react" "*"