quantified.uncertainty/squiggle
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add react keys to remove warnings

Browse Source
This commit is contained in:
Sam Nolan 2022-05-13 15:40:52 +00:00
parent 937458cd05
commit 006204f1ac
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/components/src/components/FunctionChart.tsx
View File

@ -141,10 +141,10 @@ export const FunctionChart: React.FC<FunctionChartProps> = ({
/> />
{showChart} {showChart}
{_.entries(groupedErrors).map(([errorName, errorPoints]) => ( {_.entries(groupedErrors).map(([errorName, errorPoints]) => (
<ErrorBox heading={errorName}> <ErrorBox key={errorName} heading={errorName}>
Values:{" "} Values:{" "}
{errorPoints {errorPoints
.map((r) => <NumberShower number={r.x} />) .map((r, i) => <NumberShower key={i} number={r.x} />)
.reduce((a, b) => ( .reduce((a, b) => (
<> <>
{a}, {b} {a}, {b}

9
packages/components/src/components/SquiggleChart.tsx
View File

@ -148,8 +148,9 @@ const SquiggleItem: React.FC<SquiggleItemProps> = ({
case "array": case "array":
return ( return (
<VariableBox heading="Array" showTypes={showTypes}> <VariableBox heading="Array" showTypes={showTypes}>
{expression.value.map((r) => ( {expression.value.map((r, i) => (
<SquiggleItem <SquiggleItem
key={i}
expression={r} expression={r}
width={width !== undefined ? width - 20 : width} width={width !== undefined ? width - 20 : width}
height={50} height={50}
@ -166,7 +167,7 @@ const SquiggleItem: React.FC<SquiggleItemProps> = ({
return ( return (
<VariableBox heading="Record" showTypes={showTypes}> <VariableBox heading="Record" showTypes={showTypes}>
{Object.entries(expression.value).map(([key, r]) => ( {Object.entries(expression.value).map(([key, r]) => (
<> <div key={key}>
<RecordKeyHeader>{key}</RecordKeyHeader> <RecordKeyHeader>{key}</RecordKeyHeader>
<SquiggleItem <SquiggleItem
expression={r} expression={r}
@ -178,14 +179,14 @@ const SquiggleItem: React.FC<SquiggleItemProps> = ({
chartSettings={chartSettings} chartSettings={chartSettings}
environment={environment} environment={environment}
/> />
</> </div>
))} ))}
</VariableBox> </VariableBox>
); );
case "arraystring": case "arraystring":
return ( return (
<VariableBox heading="Array String" showTypes={showTypes}> <VariableBox heading="Array String" showTypes={showTypes}>
{expression.value.map((r) => `"${r}"`)} {expression.value.map((r) => `"${r}"`).join(", ")}
</VariableBox> </VariableBox>
); );
case "lambda": case "lambda":