chore: missing keys in APIsDisplay

RocketChat · Feb 25, 2022 · a2f0a6f · a2f0a6f
1 parent b441259
commit a2f0a6f
Showing 1 changed file with 6 additions and 8 deletions.
diff --git a/client/views/admin/apps/APIsDisplay.tsx b/client/views/admin/apps/APIsDisplay.tsx
@@ -1,6 +1,6 @@
 import { IApiEndpointMetadata } from '@rocket.chat/apps-engine/definition/api';
 import { Box, Divider } from '@rocket.chat/fuselage';
-import React, { FC } from 'react';
+import React, { FC, Fragment } from 'react';
 
 import { useAbsoluteUrl } from '../../../contexts/ServerContext';
 import { useTranslation } from '../../../contexts/TranslationContext';
@@ -12,9 +12,7 @@ type APIsDisplayProps = {
 
 const APIsDisplay: FC<APIsDisplayProps> = ({ apis }) => {
 	const t = useTranslation();
-
 	const absoluteUrl = useAbsoluteUrl();
-
 	const getApiCurl = apiCurlGetter(absoluteUrl);
 
 	return (
@@ -29,16 +27,16 @@ const APIsDisplay: FC<APIsDisplayProps> = ({ apis }) => {
 						<Box fontScale='p2m'>
 							{api.methods.join(' | ').toUpperCase()} {api.path}
 						</Box>
-						{api.methods.map((method) => (
-							<Box>
+						{api.methods.map((method, index) => (
+							<Box key={index}>
 								<Box withRichContent>
 									<pre>
 										<code>
-											{getApiCurl(method, api).map((curlAddress) => (
-												<>
+											{getApiCurl(method, api).map((curlAddress, index) => (
+												<Fragment key={index}>
 													{curlAddress}
 													<br />
-												</>
+												</Fragment>
 											))}
 										</code>
 									</pre>