From b691842a21b62d14eb31dae0763247c3c6ef8028 Mon Sep 17 00:00:00 2001
From: Mitchell McCaffrey <mitchemmc@gmail.com>
Date: Sun, 26 Apr 2020 18:33:28 +1000
Subject: [PATCH] Fixed key issue with fragment

---
 src/components/map/MapControls.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/map/MapControls.js b/src/components/map/MapControls.js
index 196056d..8597b76 100644
--- a/src/components/map/MapControls.js
+++ b/src/components/map/MapControls.js
@@ -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 SelectMapButton from "./SelectMapButton";
@@ -311,10 +311,10 @@ function MapControls({
           ref={expanedMenuRef}
         >
           {sections.map((section, index) => (
-            <>
+            <Fragment key={section.id}>
               {section.component}
               {index !== sections.length - 1 && <Divider />}
-            </>
+            </Fragment>
           ))}
         </Box>
       </>