Fixed key issue with fragment
This commit is contained in:
parent
9498ff9866
commit
b691842a21
@ -1,4 +1,4 @@
|
|||||||
import React, { useState, useEffect, useRef } from "react";
|
import React, { useState, useEffect, useRef, Fragment } from "react";
|
||||||
import { Flex, Box, IconButton, Label, Divider } from "theme-ui";
|
import { Flex, Box, IconButton, Label, Divider } from "theme-ui";
|
||||||
|
|
||||||
import SelectMapButton from "./SelectMapButton";
|
import SelectMapButton from "./SelectMapButton";
|
||||||
@ -311,10 +311,10 @@ function MapControls({
|
|||||||
ref={expanedMenuRef}
|
ref={expanedMenuRef}
|
||||||
>
|
>
|
||||||
{sections.map((section, index) => (
|
{sections.map((section, index) => (
|
||||||
<>
|
<Fragment key={section.id}>
|
||||||
{section.component}
|
{section.component}
|
||||||
{index !== sections.length - 1 && <Divider />}
|
{index !== sections.length - 1 && <Divider />}
|
||||||
</>
|
</Fragment>
|
||||||
))}
|
))}
|
||||||
</Box>
|
</Box>
|
||||||
</>
|
</>
|
||||||
|
Loading…
Reference in New Issue
Block a user