fix: add key to all mapped components

keplersj · Oct 10, 2019 · cd1d2e8 · cd1d2e8
1 parent 7f9949b
commit cd1d2e8
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 2 deletions.
diff --git a/src/components/Card/index.tsx b/src/components/Card/index.tsx
@@ -44,7 +44,9 @@ export const Card = (props: Props) => {
         <CardActions>
           <Grid container direction="column" wrap="nowrap">
             {props.links.map(link => (
-              <Button href={link.url}>{link.name}</Button>
+              <Button key={link.name} href={link.url}>
+                {link.name}
+              </Button>
             ))}
           </Grid>
         </CardActions>

diff --git a/src/components/Consumers/index.tsx b/src/components/Consumers/index.tsx
@@ -27,6 +27,7 @@ const Consumers = () => {
       <Grid container justify="space-evenly">
         {sortBy(data.consumers.edges, "node.title").map(({ node }: any) => (
           <Card
+            key={node.id}
             title={node.title}
             subtitle={`Maintained by ${node.author}`}
             links={[

diff --git a/src/components/Nav/index.tsx b/src/components/Nav/index.tsx
@@ -113,7 +113,7 @@ const Nav = () => {
             </Typography>
             <Hidden only={["xs", "sm"]}>
               {data.site.siteMetadata.nav.map(link => (
-                <Button color="inherit" href={link.url}>
+                <Button key={link.name} color="inherit" href={link.url}>
                   {link.name}
                 </Button>
               ))}

diff --git a/src/components/Providers/index.tsx b/src/components/Providers/index.tsx
@@ -55,6 +55,7 @@ const Providers = () => {
           <Grid container justify="space-evenly">
             {sortBy(scope.types, "title").map(type => (
               <Card
+                key={type.title}
                 title={type.title}
                 links={type.packages.map(pkg => ({
                   name: pkg.title,