Fix some react warnings

1 files changed, 4 insertions, 4 deletions

diff --git a/src/App.js b/src/App.js
index f5637e4..5553a35 100644
--- a/src/App.js
+++ b/src/App.js
@@ -197,8 +197,8 @@ function StoreCarousel(props) {
             totalSlides={props.data.length + skeletons.length}>
             <div className={classes.controls}>
                <Slider>
-                  {props.data.map((item, index) => <Slide index={index}><StoreItem className={classes.tile} data={item}/></Slide>)}
-                  {skeletons.length ? skeletons.map((item, index) => <Slide index={index}><StoreItemSkeleton className={classes.tile}/></Slide>) : null}
+                  {props.data.map((item, index) => <Slide index={index} key={index}><StoreItem className={classes.tile} data={item}/></Slide>)}
+                  {skeletons.length ? skeletons.map((item, index) => <Slide index={index} key={index}><StoreItemSkeleton className={classes.tile}/></Slide>) : null}
                </Slider>
                <IconButton size='small' aria-label='previous' component={ButtonBack} className={classes.prev}>
                   <NavigateBeforeIcon/>
@@ -310,14 +310,14 @@ function ItemSearch(props) {
               <FormGroup row style={{marginLeft: 18}}>
                  {categories.map(cat =>
                     <FormControlLabel control={<Checkbox checked={true} name={cat}/>}
-                    label={t(cat)}/>)}
+                     key={cat} label={t(cat)}/>)}
               </FormGroup>
               <Typography>{t('Audience')}</Typography>
               <Divider variant="middle"/>
               <FormGroup row style={{marginLeft: 18}}>
                  {audience.map(cat =>
                     <FormControlLabel control={<Checkbox checked={cat.value} name={cat.key}/>}
-                    label={t(cat.key)}/>)}
+                     key={cat.key} label={t(cat.key)}/>)}
               </FormGroup>
            </Paper>
         </Collapse>