diff --git a/plugins/api-docs/src/components/OpenApiDefinitionWidget/OpenApiDefinition.tsx b/plugins/api-docs/src/components/OpenApiDefinitionWidget/OpenApiDefinition.tsx
index 8fcc29b829..7279575842 100644
--- a/plugins/api-docs/src/components/OpenApiDefinitionWidget/OpenApiDefinition.tsx
+++ b/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,