Fix @gitbook/react-openapi when react import are mandatory (#2389)

Author: SamyPesse

.changeset/funny-emus-promise.md

@@ -0,0 +1,5 @@
+---
+'@gitbook/react-openapi': minor
+---
+
+Fix missing react imports

packages/react-openapi/README.md

@@ -1,12 +1,5 @@
 # `@gitbook/react-openapi`
 
-React components to render OpenAPI operations.
+Style-less React components to render OpenAPI operation blocks.
 
-## Features
-
--   Generate code samples for the request
--   Support custom cde samples with `x-codeSamples` (Redocly syntax)
-
-## TODO
-
--   Support for trying out the request
+Note: The package is a TypeScript package and do not expose JS built files.

packages/react-openapi/src/Markdown.tsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import classNames from 'classnames';
 
 export function Markdown(props: { source: string; className?: string }) {

packages/react-openapi/src/OpenAPICodeSample.tsx

@@ -1,4 +1,4 @@
-import { OpenAPIV3 } from 'openapi-types';
+import * as React from 'react';
 
 import { CodeSampleInput, codeSampleGenerators } from './code-samples';
 import { OpenAPIOperationData, toJSON } from './fetchOpenAPIOperation';

packages/react-openapi/src/OpenAPIOperation.tsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import classNames from 'classnames';
 
 import { OpenAPIOperationData, toJSON } from './fetchOpenAPIOperation';

packages/react-openapi/src/OpenAPIRequestBody.tsx

@@ -1,3 +1,5 @@
+import * as React from 'react';
+
 import { OpenAPIV3 } from 'openapi-types';
 import { OpenAPIRootSchema } from './OpenAPISchema';
 import { noReference } from './utils';

packages/react-openapi/src/OpenAPIResponse.tsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import classNames from 'classnames';
 import { OpenAPIV3 } from 'openapi-types';
 import { OpenAPIRootSchema, OpenAPISchemaProperties } from './OpenAPISchema';

packages/react-openapi/src/OpenAPIResponseExample.tsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { InteractiveSection } from './InteractiveSection';
 import { OpenAPIOperationData } from './fetchOpenAPIOperation';
 import { generateSchemaExample } from './generateSchemaExample';

packages/react-openapi/src/OpenAPIResponses.tsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import classNames from 'classnames';
 import { OpenAPIV3 } from 'openapi-types';
 import { noReference } from './utils';

packages/react-openapi/src/OpenAPISecurities.tsx

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { OpenAPIV3 } from 'openapi-types';
 import { OpenAPIClientContext } from './types';
 import { InteractiveSection } from './InteractiveSection';