diff --git a/.changeset/four-clowns-begin.md b/.changeset/four-clowns-begin.md new file mode 100644 index 000000000..d52a68cc5 --- /dev/null +++ b/.changeset/four-clowns-begin.md @@ -0,0 +1,5 @@ +--- +"@gitbook/react-openapi": patch +--- + +Fix OpenAPI example not showing diff --git a/packages/react-openapi/src/OpenAPIMediaType.tsx b/packages/react-openapi/src/OpenAPIMediaType.tsx index e929319f2..2ce9bf4fb 100644 --- a/packages/react-openapi/src/OpenAPIMediaType.tsx +++ b/packages/react-openapi/src/OpenAPIMediaType.tsx @@ -31,9 +31,15 @@ export function OpenAPIMediaTypeContent(props: { const { stateKey, items, selectIcon, context } = props; const state = useMediaTypesState(stateKey, items[0]?.key); - const examples = items.find((item) => item.key === state.key)?.examples ?? []; + const item = items.find((item) => item.key === state.key) ?? items[0]; - if (!items.length && !examples.length) { + if (!item) { + return null; + } + + const examples = item.examples; + + if (!examples || !examples.length) { return null; }