diff --git a/app/javascript/Snackbar/Snackbar.jsx b/app/javascript/Snackbar/Snackbar.jsx
index 2ec8f8857..61b9ea92c 100644
--- a/app/javascript/Snackbar/Snackbar.jsx
+++ b/app/javascript/Snackbar/Snackbar.jsx
@@ -157,8 +157,8 @@ export class Snackbar extends Component {
           this.element = element;
         }}
       >
-        {snacks.map(({ message, actions = [] }) => (
-          <SnackbarItem message={message} actions={actions} />
+        {snacks.map(({ message, actions = [] }, index) => (
+          <SnackbarItem message={message} actions={actions} key={index} />
         ))}
       </div>
     );
diff --git a/app/javascript/chat/channels.jsx b/app/javascript/chat/channels.jsx
index 977216c9b..f85bb31d2 100644
--- a/app/javascript/chat/channels.jsx
+++ b/app/javascript/chat/channels.jsx
@@ -25,6 +25,7 @@ export const Channels = ({
       return (
         <ChannelButton
           channel={channel}
+          key={channel.chat_channel_id}
           discoverableChannel
           triggerActiveContent={triggerActiveContent}
           isActiveChannel={
@@ -46,6 +47,7 @@ export const Channels = ({
     return (
       <ChannelButton
         channel={channel}
+        key={channel.chat_channel_id}
         newMessagesIndicator={newMessagesIndicator}
         otherClassname={otherClassname}
         handleSwitchChannel={handleSwitchChannel}
diff --git a/app/javascript/githubRepos/githubRepos.jsx b/app/javascript/githubRepos/githubRepos.jsx
index fe2cab507..95f11dcbf 100644
--- a/app/javascript/githubRepos/githubRepos.jsx
+++ b/app/javascript/githubRepos/githubRepos.jsx
@@ -40,6 +40,7 @@ export class GithubRepos extends Component {
 
     const allRepos = repos.map((repo) => (
       <SingleRepo
+        key={repo.github_id_code}
         githubIdCode={repo.github_id_code}
         name={repo.name}
         fork={repo.fork}
diff --git a/app/javascript/listings/listingDashboard.jsx b/app/javascript/listings/listingDashboard.jsx
index 1c4f4072b..eb62f8e1b 100644
--- a/app/javascript/listings/listingDashboard.jsx
+++ b/app/javascript/listings/listingDashboard.jsx
@@ -85,7 +85,7 @@ export class ListingDashboard extends Component {
           customSort,
         );
         return displayedListings.map((listing) => (
-          <ListingRow listing={listing} />
+          <ListingRow listing={listing} key={listing.id} />
         ));
       }
       displayedListings = filterListings(
@@ -105,13 +105,14 @@ export class ListingDashboard extends Component {
       (event.key === 'Enter' || event.key === ' ') && this.setState(state);
 
     const filters = ['All', 'Active', 'Draft', 'Expired'];
-    const filterButtons = filters.map((f) => (
+    const filterButtons = filters.map((f, index) => (
       <span
         onClick={(event) => {
           this.setState({ filter: event.target.textContent });
         }}
         className={`rounded-btn ${filter === f ? 'active' : ''}`}
         role="button"
+        key={index}
         onKeyPress={(event) =>
           setStateOnKeyPress(event, { filter: event.target.textContent })
         }
@@ -146,6 +147,7 @@ export class ListingDashboard extends Component {
         onClick={() => this.setState({ selectedListings: org.id })}
         className={`rounded-btn ${selectedListings === org.id ? 'active' : ''}`}
         role="button"
+        key={org.id}
         tabIndex="0"
         onKeyPress={(event) =>
           setStateOnKeyPress(event, { selectedListings: org.id })
diff --git a/app/javascript/onboarding/Onboarding.jsx b/app/javascript/onboarding/Onboarding.jsx
index 068a22e5a..a1a3458cf 100644
--- a/app/javascript/onboarding/Onboarding.jsx
+++ b/app/javascript/onboarding/Onboarding.jsx
@@ -36,6 +36,7 @@ export class Onboarding extends Component {
         prev={this.prevSlide}
         slidesCount={this.slidesCount}
         currentSlideIndex={index}
+        key={index}
         communityConfig={props.communityConfig}
         previousLocation={previousLocation}
       />
diff --git a/app/javascript/organization/OrganizationPicker.jsx b/app/javascript/organization/OrganizationPicker.jsx
index c766c17d8..3bfdc1aec 100644
--- a/app/javascript/organization/OrganizationPicker.jsx
+++ b/app/javascript/organization/OrganizationPicker.jsx
@@ -11,7 +11,11 @@ const orgOptions = (organizations, organizationId, emptyLabel) => {
         </option>
       );
     }
-    return <option value={organization.id}>{organization.name}</option>;
+    return (
+      <option key={organization.id} value={organization.id}>
+        {organization.name}
+      </option>
+    );
   });
   const nullOrgOption =
     organizationId === null ? (
diff --git a/app/javascript/packs/homePageFeed.jsx b/app/javascript/packs/homePageFeed.jsx
index 438bb3001..704003414 100644
--- a/app/javascript/packs/homePageFeed.jsx
+++ b/app/javascript/packs/homePageFeed.jsx
@@ -43,7 +43,7 @@ const FeedLoading = () => (
 const PodcastEpisodes = ({ episodes }) => (
   <TodaysPodcasts>
     {episodes.map((episode) => (
-      <PodcastEpisode episode={episode} />
+      <PodcastEpisode episode={episode} key={episode.podcast.id} />
     ))}
   </TodaysPodcasts>
 );
@@ -106,6 +106,7 @@ export const renderFeed = (timeFrame) => {
             {(subStories || []).map((story) => (
               <Article
                 {...commonProps}
+                key={story.id}
                 article={story}
                 feedStyle={feedStyle}
                 isBookmarked={bookmarkedFeedItems.has(story.id)}
diff --git a/app/javascript/podcasts/PodcastFeed.jsx b/app/javascript/podcasts/PodcastFeed.jsx
index ed9405ec4..b9d70bbcc 100644
--- a/app/javascript/podcasts/PodcastFeed.jsx
+++ b/app/javascript/podcasts/PodcastFeed.jsx
@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 export const PodcastFeed = ({ podcastItems }) => {
   const podcastItemDivs = podcastItems.map((ep) => (
     <a
+      key={ep.podcast.id}
       className="individual-podcast-link"
       href={`/${ep.podcast.slug}/${ep.slug}`}
     >
diff --git a/app/javascript/readingList/readingList.jsx b/app/javascript/readingList/readingList.jsx
index 4c36a2a19..d28845433 100644
--- a/app/javascript/readingList/readingList.jsx
+++ b/app/javascript/readingList/readingList.jsx
@@ -27,7 +27,7 @@ const READING_LIST_PATH = '/readinglist';
 function ItemList({ items, archiveButtonLabel, toggleArchiveStatus }) {
   return items.map((item) => {
     return (
-      <ItemListItem item={item}>
+      <ItemListItem item={item} key={item.id}>
         <ItemListItemArchiveButton
           text={archiveButtonLabel}
           onClick={(e) => toggleArchiveStatus(e, item)}
diff --git a/package.json b/package.json
index ca6be57d8..30f73db56 100644
--- a/package.json
+++ b/package.json
@@ -113,7 +113,7 @@
     "cypress": "^6.9.1",
     "cypress-file-upload": "^5.0.6",
     "eslint": "^7.25.0",
-    "eslint-config-preact": "^1.1.3",
+    "eslint-config-preact": "^1.1.4",
     "eslint-config-prettier": "^8.3.0",
     "eslint-import-resolver-webpack": "^0.13.0",
     "eslint-plugin-babel": "^5.3.1",
diff --git a/yarn.lock b/yarn.lock
index efcefffca..f7ddb13ac 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8633,10 +8633,10 @@ escodegen@^2.0.0:
   optionalDependencies:
     source-map "~0.6.1"
 
-eslint-config-preact@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/eslint-config-preact/-/eslint-config-preact-1.1.3.tgz#b12fa13a57923f6c5658d300ed8d8be3aa467b14"
-  integrity sha512-AU90nXiNv3P1kA10eBJkv8TB6dd81OsT4UyM5fG6Ie8bxQGinE/6XR7LMxylvk3fusK5xAxDET4bIHPT6S5Hvw==
+eslint-config-preact@^1.1.4:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/eslint-config-preact/-/eslint-config-preact-1.1.4.tgz#1b80394beb00e90391d23d132a8e1048f81ecfe8"
+  integrity sha512-j00/BpjPpVoaX8UTpXFPAsfBIzuwJX+sBvgPFyb53Lqi31fM0Oiq516qYXRyaZ7q1BRCjO8s67NCLal6v/Z8Lg==
   dependencies:
     babel-eslint "^10.0.1"
     eslint-plugin-compat "^3.5.1"