Merge pull request #722 from Kilo-Org/christiaan/key

Fix key props not being set

Author: chrarnoldus

webview-ui/src/components/settings/ApiOptions.tsx

@@ -1,4 +1,4 @@
-import React, { memo, useCallback, useEffect, useMemo, useState } from "react"
+import React, { Fragment, memo, useCallback, useEffect, useMemo, useState } from "react" // kilocode_change Fragment
 import { convertHeadersToObject } from "./utils/headers"
 import { useDebounce } from "react-use"
 import { VSCodeButtonLink } from "../common/VSCodeButtonLink"
@@ -307,15 +307,14 @@ const ApiOptions = ({
 						<SelectValue placeholder={t("settings:common.select")} />
 					</SelectTrigger>
 					<SelectContent>
+						{/*  kilocode_change start: separator */}
 						{PROVIDERS.map(({ value, label }, i) => (
-							<>
-								<SelectItem key={value} value={value}>
-									{label}
-								</SelectItem>
-								{/*  kilocode_change */}
+							<Fragment key={value}>
+								<SelectItem value={value}>{label}</SelectItem>
 								{i === 0 ? <SelectSeparator /> : null}
-							</>
+							</Fragment>
 						))}
+						{/*  kilocode_change end */}
 					</SelectContent>
 				</Select>
 			</div>

webview-ui/src/components/settings/ModelPicker.tsx

@@ -1,4 +1,4 @@
-import { useMemo, useState, useCallback, useEffect, useRef } from "react"
+import { useMemo, useState, useCallback, useEffect, useRef, Fragment } from "react" // kilocode_change Fragment
 import { VSCodeLink } from "@vscode/webview-ui-toolkit/react"
 import { Trans } from "react-i18next"
 import { ChevronsUpDown, Check, X } from "lucide-react"
@@ -193,10 +193,9 @@ export const ModelPicker = ({
 											models?.[modelIds[i - 1]]?.preferredIndex !== null
 
 										return (
-											<>
+											<Fragment key={model}>
 												{!isPreferred && previousModelWasPreferred ? <SelectSeparator /> : null}
 												<CommandItem
-													key={model}
 													value={model}
 													onSelect={onSelect}
 													className={cn(isPreferred ? "font-semibold" : "")}>
@@ -208,7 +207,7 @@ export const ModelPicker = ({
 														)}
 													/>
 												</CommandItem>
-											</>
+											</Fragment>
 										)
 									})}
 									{/* kilocode_change end */}