redoc 2.1.4 → 2.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "redoc",
-  "version": "2.1.4",
+  "version": "2.2.0",
   "description": "ReDoc",
   "repository": {
     "type": "git",
@@ -55,15 +55,14 @@
     "build:demo": "webpack --mode=production --config demo/webpack.config.ts",
     "publish-cdn": "scripts/publish-cdn.sh",
     "deploy:demo": "aws s3 sync demo/dist s3://production-redoc-demo --acl=public-read",
-    "license-check": "license-checker --production --onlyAllow 'MIT;ISC;Apache-2.0;BSD;BSD-2-Clause;BSD-3-Clause;CC-BY-4.0;Python-2.0' --summary",
+    "license-check": "license-checker --production --onlyAllow 'MIT;ISC;Apache-2.0;BSD;BSD-2-Clause;BSD-3-Clause;CC-BY-4.0;CC0-1.0;Python-2.0 ' --summary",
     "docker:build": "docker build -f config/docker/Dockerfile -t redoc .",
     "prepare": "husky install",
     "pre-commit": "pretty-quick --staged && npm run lint"
   },
   "devDependencies": {
     "@cypress/webpack-preprocessor": "^5.17.1",
-    "@hot-loader/react-dom": "^17.0.2",
-    "@size-limit/preset-app": "^8.2.6",
+    "@size-limit/file": "^11.1.4",
     "@types/chai": "^4.2.18",
     "@types/dompurify": "^2.2.2",
     "@types/enzyme": "^3.10.5",
@@ -76,8 +75,8 @@
     "@types/node": "^15.6.1",
     "@types/prismjs": "^1.16.5",
     "@types/prop-types": "^15.7.3",
-    "@types/react": "^17.0.8",
-    "@types/react-dom": "^17.0.5",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
     "@types/styled-components": "^5.1.1",
     "@types/tapable": "^2.2.2",
     "@types/webpack": "^5.28.0",
@@ -85,7 +84,6 @@
     "@types/yargs": "^17.0.0",
     "@typescript-eslint/eslint-plugin": "^5.55.0",
     "@typescript-eslint/parser": "^5.55.0",
-    "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
     "beautify-benchmark": "^0.2.4",
     "conventional-changelog-cli": "^3.0.0",
     "copy-webpack-plugin": "^9.0.0",
@@ -97,12 +95,13 @@
     "esbuild-loader": "^3.0.1",
     "eslint": "^7.27.0",
     "eslint-plugin-import": "^2.23.4",
-    "eslint-plugin-react": "^7.25.1",
-    "eslint-plugin-react-hooks": "^4.2.0",
+    "eslint-plugin-react": "^7.34.2",
+    "eslint-plugin-react-hooks": "^4.6.2",
     "fork-ts-checker-webpack-plugin": "^6.2.10",
     "html-webpack-plugin": "^5.3.1",
     "husky": "^7.0.0",
     "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "js-yaml": "^4.1.0",
     "license-checker": "^25.0.1",
     "lodash.noop": "^3.0.1",
@@ -111,18 +110,17 @@
     "prettier": "^2.3.2",
     "pretty-quick": "^3.0.0",
     "raf": "^3.4.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-hot-loader": "^4.13.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "rimraf": "^3.0.2",
     "shelljs": "^0.8.4",
-    "size-limit": "^8.2.6",
+    "size-limit": "^11.1.4",
     "style-loader": "^3.3.1",
     "styled-components": "^5.3.0",
     "ts-jest": "^29.1.1",
     "ts-node": "^10.9.1",
     "tslib": "^2.4.0",
-    "typescript": "^5.2.2",
+    "typescript": "^4.9.0",
     "unfetch": "^4.2.0",
     "url": "^0.11.1",
     "webpack": "^5.88.2",
@@ -139,24 +137,24 @@
     "styled-components": "^4.1.1 || ^5.1.1 || ^6.0.5"
   },
   "dependencies": {
+    "@cfaester/enzyme-adapter-react-18": "^0.8.0",
     "@redocly/openapi-core": "^1.4.0",
     "classnames": "^2.3.2",
     "decko": "^1.2.0",
     "dompurify": "^3.0.6",
     "eventemitter3": "^5.0.1",
-    "jest-environment-jsdom": "^29.7.0",
     "json-pointer": "^0.6.2",
     "lunr": "^2.3.9",
     "mark.js": "^8.11.1",
     "marked": "^4.3.0",
-    "mobx-react": "^7.2.0",
+    "mobx-react": "^9.1.1",
     "openapi-sampler": "^1.5.0",
     "path-browserify": "^1.0.1",
     "perfect-scrollbar": "^1.5.5",
     "polished": "^4.2.2",
     "prismjs": "^1.29.0",
     "prop-types": "^15.8.1",
-    "react-tabs": "^4.3.0",
+    "react-tabs": "^6.0.2",
     "slugify": "~1.4.7",
     "stickyfill": "^1.1.1",
     "swagger2openapi": "^7.0.8",

package/typings/common-elements/Tooltip.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-export interface TooltipProps {
+export interface TooltipProps extends React.PropsWithChildren<any> {
     open: boolean;
     title: string;
 }
 export declare class Tooltip extends React.Component<TooltipProps> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/typings/common-elements/linkify.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import * as React from 'react';
 export declare const linkifyMixin: (className: any) => import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("../theme").ResolvedThemeInterface>>;
 export declare function Link(props: {
     to: string;
     className?: string;
     children?: any;
-}): JSX.Element | null;
+}): React.JSX.Element | null;
 export declare function ShareLink(props: {
     to: string;
-}): JSX.Element;
+}): React.JSX.Element;

package/typings/common-elements/perfect-scrollbar.d.ts

@@ -5,15 +5,15 @@ export interface PerfectScrollbarProps {
     className?: string;
     updateFn?: (fn: any) => void;
 }
-export declare class PerfectScrollbar extends React.Component<PerfectScrollbarProps> {
+export declare class PerfectScrollbar extends React.Component<React.PropsWithChildren<PerfectScrollbarProps>> {
     private _container;
     private inst;
     componentDidMount(): void;
     componentDidUpdate(): void;
     componentWillUnmount(): void;
     handleRef: (ref: any) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare function PerfectScrollbarWrap(props: PerfectScrollbarProps & {
     children: JSX.Element[] | JSX.Element;
-}): JSX.Element;
+}): React.JSX.Element;

package/typings/common-elements/shelfs.d.ts

@@ -9,4 +9,5 @@ export declare const ShelfIcon: import("styled-components").StyledComponent<(pro
 }) => JSX.Element, import("../theme").ResolvedThemeInterface, {}, never>;
 export declare const Badge: import("styled-components").StyledComponent<"span", import("../theme").ResolvedThemeInterface, {
     type: string;
+    color?: string | undefined;
 }, never>;

package/typings/components/ApiInfo/ApiInfo.d.ts

@@ -5,5 +5,5 @@ export interface ApiInfoProps {
 }
 export declare class ApiInfo extends React.Component<ApiInfoProps> {
     handleDownloadClick: (e: any) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/typings/components/ApiLogo/ApiLogo.d.ts

@@ -3,5 +3,5 @@ import { OpenAPIInfo } from '../../types';
 export declare class ApiLogo extends React.Component<{
     info: OpenAPIInfo;
 }> {
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }

package/typings/components/ApiLogo/styled.elements.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 export declare const LogoImgEl: import("styled-components").StyledComponent<"img", import("../../theme").ResolvedThemeInterface, {}, never>;
 export declare const LogoWrap: import("styled-components").StyledComponent<"div", import("../../theme").ResolvedThemeInterface, {}, never>;
-export declare const LinkWrap: (url: any) => (Component: any) => JSX.Element;
+export declare const LinkWrap: (url: any) => (Component: any) => React.JSX.Element;

package/typings/components/CallbackSamples/CallbackReqSamples.d.ts

@@ -6,6 +6,6 @@ export interface PayloadSampleProps {
     renderDropdown: (props: DropdownProps) => JSX.Element;
 }
 export declare class CallbackPayloadSample extends React.Component<PayloadSampleProps> {
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }
 export declare const PayloadSampleWrapper: import("styled-components").StyledComponent<"div", import("../../theme").ResolvedThemeInterface, {}, never>;

package/typings/components/CallbackSamples/CallbackSamples.d.ts

@@ -8,6 +8,6 @@ export declare class CallbackSamples extends React.Component<CallbackSamplesProp
     static contextType: React.Context<RedocNormalizedOptions>;
     context: RedocNormalizedOptions;
     private renderDropdown;
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }
 export declare const SamplesWrapper: import("styled-components").StyledComponent<"div", import("../../theme").ResolvedThemeInterface, {}, never>;

package/typings/components/Callbacks/CallbackDetails.d.ts

@@ -4,5 +4,5 @@ export interface CallbackDetailsProps {
     operation: OperationModel;
 }
 export declare class CallbackDetails extends React.Component<CallbackDetailsProps> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/typings/components/Callbacks/CallbackOperation.d.ts

@@ -4,5 +4,5 @@ export declare class CallbackOperation extends React.Component<{
     callbackOperation: OperationModel;
 }> {
     toggle: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/typings/components/Callbacks/CallbackTitle.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 export interface CallbackTitleProps {
     name: string;
     opened?: boolean;
@@ -7,4 +7,4 @@ export interface CallbackTitleProps {
     className?: string;
     onClick?: () => void;
 }
-export declare const CallbackTitle: (props: CallbackTitleProps) => JSX.Element;
+export declare const CallbackTitle: (props: CallbackTitleProps) => React.JSX.Element;

package/typings/components/Callbacks/CallbacksList.d.ts

@@ -4,5 +4,5 @@ export interface CallbacksListProps {
     callbacks: CallbackModel[];
 }
 export declare class CallbacksList extends React.PureComponent<CallbacksListProps> {
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }

package/typings/components/Callbacks/styled.elements.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const StyledCallbackTitle: import("styled-components").StyledComponent<(props: import("./CallbackTitle").CallbackTitleProps) => JSX.Element, import("../../theme").ResolvedThemeInterface, {}, never>;
+export declare const StyledCallbackTitle: import("styled-components").StyledComponent<(props: import("./CallbackTitle").CallbackTitleProps) => import("react").JSX.Element, import("../../theme").ResolvedThemeInterface, {}, never>;
 export declare const CallbackDetailsWrap: import("styled-components").StyledComponent<"div", import("../../theme").ResolvedThemeInterface, {}, never>;

package/typings/components/ContentItems/ContentItems.d.ts

@@ -4,19 +4,19 @@ import type { OperationModel } from '../../services/models';
 export declare class ContentItems extends React.Component<{
     items: ContentItemModel[];
 }> {
-    render(): JSX.Element[] | null;
+    render(): React.JSX.Element[] | null;
 }
 export interface ContentItemProps {
     item: ContentItemModel;
 }
 export declare class ContentItem extends React.Component<ContentItemProps> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare class SectionItem extends React.Component<ContentItemProps> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare class OperationItem extends React.Component<{
     item: OperationModel;
 }> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/typings/components/Endpoint/Endpoint.d.ts

@@ -12,5 +12,5 @@ export interface EndpointState {
 export declare class Endpoint extends React.Component<EndpointProps, EndpointState> {
     constructor(props: any);
     toggle: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/typings/components/ErrorBoundary.d.ts

@@ -4,5 +4,5 @@ export declare class ErrorBoundary extends React.Component<React.PropsWithChildr
 }> {
     constructor(props: any);
     componentDidCatch(error: any): boolean;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/typings/components/ExternalDocumentation/ExternalDocumentation.d.ts

@@ -4,5 +4,5 @@ export declare class ExternalDocumentation extends React.Component<{
     externalDocs: OpenAPIExternalDocumentation;
     compact?: boolean;
 }> {
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }

package/typings/components/Fields/ArrayItemDetails.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { SchemaModel } from '../../services';
 export declare function ArrayItemDetails({ schema }: {
     schema: SchemaModel;
-}): JSX.Element | null;
+}): React.JSX.Element | null;

package/typings/components/Fields/EnumValues.d.ts

@@ -10,5 +10,5 @@ export declare class EnumValues extends React.PureComponent<EnumValuesProps, Enu
     state: EnumValuesState;
     static contextType: React.Context<import("../../services/RedocNormalizedOptions").RedocNormalizedOptions>;
     private toggle;
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }

package/typings/components/Fields/Examples.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { FieldModel } from '../../services';
 export declare function Examples({ field }: {
     field: FieldModel;
-}): JSX.Element | null;
+}): React.JSX.Element | null;

package/typings/components/Fields/Extensions.d.ts

@@ -5,5 +5,5 @@ export interface ExtensionsProps {
     };
 }
 export declare class Extensions extends React.PureComponent<ExtensionsProps> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/typings/components/Fields/Field.d.ts

@@ -12,5 +12,5 @@ export interface FieldProps extends SchemaOptions {
 export declare class Field extends React.Component<FieldProps> {
     toggle: () => void;
     handleKeyPress: (e: any) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/typings/components/Fields/FieldConstraints.d.ts

@@ -3,5 +3,5 @@ export interface ConstraintsViewProps {
     constraints: string[];
 }
 export declare class ConstraintsView extends React.PureComponent<ConstraintsViewProps> {
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }

package/typings/components/Fields/FieldDetails.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import { FieldProps } from './Field';
-export declare const FieldDetailsComponent: (props: FieldProps) => JSX.Element;
+export declare const FieldDetailsComponent: (props: FieldProps) => React.JSX.Element;
 export declare const FieldDetails: React.NamedExoticComponent<FieldProps>;

package/typings/components/Fields/Pattern.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { SchemaModel } from '../../services';
 export declare function Pattern(props: {
     schema: SchemaModel;
-}): JSX.Element | null;
+}): React.JSX.Element | null;

package/typings/components/GenericChildrenSwitcher/GenericChildrenSwitcher.d.ts

@@ -18,5 +18,5 @@ export interface GenericChildrenSwitcherState {
 export declare class GenericChildrenSwitcher<T> extends React.Component<GenericChildrenSwitcherProps<T>, GenericChildrenSwitcherState> {
     constructor(props: any);
     switchItem: ({ idx }: DropdownOption) => void;
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }

package/typings/components/JsonViewer/JsonViewer.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import * as React from 'react';
 export interface JsonProps {
     data: any;
     className?: string;
 }
-export declare const JsonViewer: import("styled-components").StyledComponent<(props: JsonProps) => JSX.Element, import("../../theme").ResolvedThemeInterface, {}, never>;
+export declare const JsonViewer: import("styled-components").StyledComponent<(props: JsonProps) => React.JSX.Element, import("../../theme").ResolvedThemeInterface, {}, never>;

package/typings/components/Loading/Loading.d.ts

@@ -3,5 +3,5 @@ export interface LoadingProps {
     color: string;
 }
 export declare class Loading extends React.PureComponent<LoadingProps> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/typings/components/Loading/Spinner.svg.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import * as React from 'react';
 export declare const Spinner: import("styled-components").StyledComponent<(props: {
     className?: string;
     color: string;
-}) => JSX.Element, import("../../theme").ResolvedThemeInterface, {}, never>;
+}) => React.JSX.Element, import("../../theme").ResolvedThemeInterface, {}, never>;

package/typings/components/Markdown/AdvancedMarkdown.d.ts

@@ -6,6 +6,6 @@ export interface AdvancedMarkdownProps extends BaseMarkdownProps {
     parentId?: string;
 }
 export declare class AdvancedMarkdown extends React.Component<AdvancedMarkdownProps> {
-    render(): JSX.Element;
-    renderWithOptionsAndStore(options: RedocNormalizedOptions, store?: AppStore): JSX.Element[] | null;
+    render(): React.JSX.Element;
+    renderWithOptionsAndStore(options: RedocNormalizedOptions, store?: AppStore): React.JSX.Element[] | null;
 }

package/typings/components/Markdown/Markdown.d.ts

@@ -13,5 +13,5 @@ export type MarkdownProps = BaseMarkdownProps & StylingMarkdownProps & {
     'data-role'?: string;
 };
 export declare class Markdown extends React.Component<MarkdownProps> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/typings/components/Markdown/SanitizedMdBlock.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { StylingMarkdownProps } from './Markdown';
 export declare function SanitizedMarkdownHTML({ inline, compact, ...rest }: StylingMarkdownProps & {
     html: string;
     className?: string;
     'data-role'?: string;
-}): JSX.Element;
+}): React.JSX.Element;

package/typings/components/MediaTypeSwitch/MediaTypesSwitch.d.ts

@@ -13,5 +13,5 @@ export interface MediaTypesSwitchProps {
 }
 export declare class MediaTypesSwitch extends React.Component<MediaTypesSwitchProps> {
     switchMedia: ({ idx }: DropdownOption) => void;
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }

package/typings/components/Parameters/Parameters.d.ts

@@ -7,7 +7,7 @@ export interface ParametersProps {
 }
 export declare class Parameters extends React.PureComponent<ParametersProps> {
     orderParams(params: FieldModel[]): Record<string, FieldModel[]>;
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }
 export declare function BodyContent(props: {
     content: MediaContentModel;

package/typings/components/Parameters/ParametersGroup.d.ts

@@ -5,5 +5,5 @@ export interface ParametersGroupProps {
     parameters: FieldModel[];
 }
 export declare class ParametersGroup extends React.PureComponent<ParametersGroupProps, any> {
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }

package/typings/components/PayloadSamples/Example.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { ExampleModel } from '../../services/models';
 export interface ExampleProps {
     example: ExampleModel;
     mimeType: string;
 }
-export declare function Example({ example, mimeType }: ExampleProps): JSX.Element;
-export declare function ExternalExample({ example, mimeType }: ExampleProps): JSX.Element;
+export declare function Example({ example, mimeType }: ExampleProps): React.JSX.Element;
+export declare function ExternalExample({ example, mimeType }: ExampleProps): React.JSX.Element;

package/typings/components/PayloadSamples/ExampleValue.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import * as React from 'react';
 export interface ExampleValueProps {
     value: any;
     mimeType: string;
 }
-export declare function ExampleValue({ value, mimeType }: ExampleValueProps): JSX.Element;
+export declare function ExampleValue({ value, mimeType }: ExampleValueProps): React.JSX.Element;

package/typings/components/PayloadSamples/MediaTypeSamples.d.ts

@@ -13,6 +13,6 @@ export declare class MediaTypeSamples extends React.Component<PayloadSamplesProp
         activeIdx: number;
     };
     switchMedia: ({ idx }: DropdownOption) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/typings/components/PayloadSamples/PayloadSamples.d.ts

@@ -4,6 +4,6 @@ export interface PayloadSamplesProps {
     content: MediaContentModel;
 }
 export declare class PayloadSamples extends React.Component<PayloadSamplesProps> {
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
     private renderDropdown;
 }

package/typings/components/Redoc/Redoc.d.ts

@@ -10,5 +10,5 @@ export declare class Redoc extends React.Component<RedocProps> {
     };
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/typings/components/RedocStandalone.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { RedocRawOptions } from '../services/RedocNormalizedOptions';
 export interface RedocStandaloneProps {
     spec?: object;
@@ -6,4 +6,4 @@ export interface RedocStandaloneProps {
     options?: RedocRawOptions;
     onLoaded?: (e?: Error) => any;
 }
-export declare const RedocStandalone: (props: RedocStandaloneProps) => JSX.Element;
+export declare const RedocStandalone: (props: RedocStandaloneProps) => React.JSX.Element;

package/typings/components/RequestSamples/RequestSamples.d.ts

@@ -7,5 +7,5 @@ export declare class RequestSamples extends React.Component<RequestSamplesProps>
     static contextType: React.Context<RedocNormalizedOptions>;
     context: RedocNormalizedOptions;
     operation: OperationModel;
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }

package/typings/components/ResponseSamples/ResponseSamples.d.ts

@@ -5,5 +5,5 @@ export interface ResponseSamplesProps {
 }
 export declare class ResponseSamples extends React.Component<ResponseSamplesProps> {
     operation: OperationModel;
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }

package/typings/components/Responses/ResponseDetails.d.ts

@@ -3,6 +3,6 @@ import { ResponseModel } from '../../services/models';
 export declare class ResponseDetails extends React.PureComponent<{
     response: ResponseModel;
 }> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     private renderDropdown;
 }

package/typings/components/Responses/ResponseHeaders.d.ts

@@ -4,5 +4,5 @@ export interface ResponseHeadersProps {
     headers?: FieldModel[];
 }
 export declare class ResponseHeaders extends React.PureComponent<ResponseHeadersProps> {
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }

package/typings/components/Responses/ResponsesList.d.ts

@@ -5,5 +5,5 @@ export interface ResponseListProps {
     isCallback?: boolean;
 }
 export declare class ResponsesList extends React.PureComponent<ResponseListProps> {
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }

package/typings/components/Schema/ArraySchema.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import { SchemaProps } from './Schema';
 export declare class ArraySchema extends React.PureComponent<SchemaProps> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/typings/components/Schema/DiscriminatorDropdown.d.ts

@@ -6,6 +6,6 @@ export declare class DiscriminatorDropdown extends React.Component<{
     enumValues: string[];
 }> {
     sortOptions(options: DropdownOption[], enumValues: string[]): void;
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
     changeActiveChild: (option: DropdownOption) => void;
 }

package/typings/components/Schema/ObjectSchema.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { SchemaModel } from '../../services/models';
 import { SchemaProps } from './Schema';
 export interface ObjectSchemaProps extends SchemaProps {
@@ -7,4 +7,4 @@ export interface ObjectSchemaProps extends SchemaProps {
         parentSchema: SchemaModel;
     };
 }
-export declare const ObjectSchema: ({ schema: { fields, title }, showTitle, discriminator, skipReadOnly, skipWriteOnly, level, }: ObjectSchemaProps) => JSX.Element;
+export declare const ObjectSchema: ({ schema: { fields, title }, showTitle, discriminator, skipReadOnly, skipWriteOnly, level, }: ObjectSchemaProps) => React.JSX.Element;

package/typings/components/Schema/OneOfSchema.d.ts

@@ -7,9 +7,9 @@ export interface OneOfButtonProps {
     schema: SchemaModel;
 }
 export declare class OneOfButton extends React.Component<OneOfButtonProps> {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     activateOneOf: () => void;
 }
 export declare class OneOfSchema extends React.Component<SchemaProps> {
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }

package/typings/components/Schema/RecursiveSchema.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import * as React from 'react';
 import type { SchemaProps } from '.';
-export declare const RecursiveSchema: ({ schema }: SchemaProps) => JSX.Element;
+export declare const RecursiveSchema: ({ schema }: SchemaProps) => React.JSX.Element;