Use Fragment to add key to map output

This commit is contained in:
Robert
2023-10-19 10:53:06 +01:00
parent 09a8d29ea5
commit 50f77e7918

View File

@@ -4,7 +4,14 @@ import {
VSCodeProgressRing, VSCodeProgressRing,
} from "@vscode/webview-ui-toolkit/react"; } from "@vscode/webview-ui-toolkit/react";
import * as React from "react"; import * as React from "react";
import { forwardRef, useCallback, useEffect, useMemo, useRef } from "react"; import {
Fragment,
forwardRef,
useCallback,
useEffect,
useMemo,
useRef,
} from "react";
import { styled } from "styled-components"; import { styled } from "styled-components";
import { vscode } from "../vscode-api"; import { vscode } from "../vscode-api";
@@ -195,7 +202,7 @@ const ModelableMethodRow = forwardRef<HTMLElement | undefined, MethodRowProps>(
)} )}
{!props.modelingInProgress && {!props.modelingInProgress &&
modeledMethods.map((modeledMethod, index) => ( modeledMethods.map((modeledMethod, index) => (
<> <Fragment key={index}>
<DataGridCell> <DataGridCell>
<ModelTypeDropdown <ModelTypeDropdown
method={method} method={method}
@@ -246,7 +253,7 @@ const ModelableMethodRow = forwardRef<HTMLElement | undefined, MethodRowProps>(
)} )}
</DataGridCell> </DataGridCell>
)} )}
</> </Fragment>
))} ))}
</DataGridRow> </DataGridRow>
); );