[inspector] Missing keys

Author: jamesgpearce

src/store-inspector/Body.tsx

@@ -96,27 +96,27 @@ export const Body = ({s}: StoreProp) => {
     <article ref={articleRef} onScroll={handleScroll}>
       <StoreView s={s} />
       {arrayMap(storeIds, (storeId) => (
-        <StoreView storeId={storeId} key={storeId} s={s} />
+        <StoreView storeId={storeId} s={s} key={storeId} />
       ))}
       <MetricsView s={s} />
       {arrayMap(metricsIds, (metricsId) => (
-        <MetricsView metricsId={metricsId} key={metricsId} s={s} />
+        <MetricsView metricsId={metricsId} s={s} key={metricsId} />
       ))}
       <IndexesView s={s} />
       {arrayMap(indexesIds, (indexesId) => (
-        <IndexesView indexesId={indexesId} key={indexesId} s={s} />
+        <IndexesView indexesId={indexesId} s={s} key={indexesId} />
       ))}
       <RelationshipsView s={s} />
       {arrayMap(relationshipsIds, (relationshipsId) => (
         <RelationshipsView
           relationshipsId={relationshipsId}
-          key={relationshipsId}
           s={s}
+          key={relationshipsId}
         />
       ))}
       <QueriesView s={s} />
       {arrayMap(queriesIds, (queriesId) => (
-        <QueriesView queriesId={queriesId} key={queriesId} s={s} />
+        <QueriesView queriesId={queriesId} s={s} key={queriesId} />
       ))}
     </article>
   );

src/store-inspector/IndexesView.tsx

@@ -30,6 +30,7 @@ const IndexView = ({
         indexId={indexId}
         sliceId={sliceId}
         s={s}
+        key={sliceId}
       />
     ))}
   </Details>
@@ -82,6 +83,7 @@ export const IndexesView = ({
               indexesId={indexesId}
               indexId={indexId}
               s={s}
+              key={indexId}
             />
           ))}
     </Details>

src/store-inspector/MetricsView.tsx

@@ -43,7 +43,7 @@ export const MetricsView = ({
           </thead>
           <tbody>
             {arrayMap(metricIds, (metricId) => (
-              <MetricRow metrics={metrics} metricId={metricId} />
+              <MetricRow metrics={metrics} metricId={metricId} key={metricId} />
             ))}
           </tbody>
         </table>

src/store-inspector/QueriesView.tsx

@@ -77,6 +77,7 @@ export const QueriesView = ({
               queriesId={queriesId}
               queryId={queryId}
               s={s}
+              key={queryId}
             />
           ))}
     </Details>

src/store-inspector/RelationshipsView.tsx

@@ -61,6 +61,7 @@ export const RelationshipsView = ({
               relationshipsId={relationshipsId}
               relationshipId={relationshipId}
               s={s}
+              key={relationshipId}
             />
           ))}
     </Details>

src/store-inspector/StoreView.tsx

@@ -102,7 +102,13 @@ export const StoreView = ({
     >
       <ValuesView storeId={storeId} store={store} s={s} />
       {sortedIdsMap(tableIds, (tableId) => (
-        <TableView store={store} storeId={storeId} tableId={tableId} s={s} />
+        <TableView
+          store={store}
+          storeId={storeId}
+          tableId={tableId}
+          s={s}
+          key={tableId}
+        />
       ))}
     </Details>
   );