evo/EvoCalculator.Client2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

render: fix Warning: Each child in a list should have a unique "key" prop.

Browse Source
This commit is contained in:
Chika 2022-06-01 14:19:33 +03:00
parent d66207ad43
commit d5dd6c6805
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Components/Calculation/config/elements-render.tsx
View File

@ -60,7 +60,7 @@ const renderElements = (Object.keys(map) as (keyof typeof map)[]).reduce((acc, e
acc[elementName] = {
render: () => (
<Container>
<Container key={elementName}>
<Head title={title} />
<Element {...props} style={{ width: '100%' }} />
</Container>

4
Components/Calculation/layout/renderSections.tsx
View File

@ -3,7 +3,7 @@ import elementsRender from '../config/elements-render';
import type { SectionsConfig } from '../types/sections';
function renderSections(config: SectionsConfig) {
const rows = config.map(([elements, style]) => {
const rows = config.map(([elements, style], i) => {
const renderedElements = elements.map((elementName) => {
const render = elementsRender[elementName]?.render;
@ -12,6 +12,8 @@ function renderSections(config: SectionsConfig) {
return (
<Box
// eslint-disable-next-line react/no-array-index-key
key={i.toString()}
sx={{
display: 'grid',
gridTemplateColumns: ['1fr', '1fr', 'repeat(3, 1fr)'],