Prop warning caused by spec react attribute

[k4m4]

Q&A

• OS: macOS
• Browser: chrome (can reproduce on any)
• Version: 85.0.4183.102 (can reproduce on any)
• Method of installation: npm
• Swagger-UI version: 3.33.0
• Swagger/OpenAPI version: OpenAPI 3.0

Content & configuration

Example Swagger/OpenAPI definition:

• github.com/meeshkan/bank/blob/mem-1241/openapi.json

Swagger-UI configuration options (using Next.js):

import SwaggerUI from 'swagger-ui-react';
import openapi from '../openapi';

const Docs = () => {
	return <SwaggerUI spec={openapi} />;
};

export default Docs;

Describe the bug you're encountering

• When using the spec attribute of the SwaggerUI react component, I get the following warning:

Warning: Failed prop type: Invalid prop `spec` of value `[object Object]` supplied to `SwaggerUI`, expected one of [null,null].

To reproduce...

1. Install swagger-ui-react and import the SwaggerUI component.
2. Import the OpenAPI spec as an object (or string).
3. Pass the OpenAPI spec object to the spec attribute as such: <SwaggerUI spec={openapi} />

Expected behavior

• No warnings.

Additional context or thoughts

• It seems that PropTypes.oneOf in these propType definitions:

spec: PropTypes.oneOf([
    PropTypes.string,
    PropTypes.object,
]),

should be PropTypes.oneOfType, instead (see github.com/facebook/react/issues/1919 for reference).