From 13996f17a0a39aa11fa8d9bc183c01b38a3ff747 Mon Sep 17 00:00:00 2001
From: Justin Busa <justin@fastlinemedia.com>
Date: Wed, 15 Sep 2021 10:35:13 -0700
Subject: [PATCH] Fixed the last of the react errors.

---
 src/apps/fl-home/ui/header-bar/index.js            | 1 +
 src/apps/fl-home/ui/sections/media/index.js        | 3 ++-
 src/apps/fl-home/ui/sections/recent-posts/index.js | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/apps/fl-home/ui/header-bar/index.js b/src/apps/fl-home/ui/header-bar/index.js
index 302a230b..d8970adb 100644
--- a/src/apps/fl-home/ui/header-bar/index.js
+++ b/src/apps/fl-home/ui/header-bar/index.js
@@ -56,6 +56,7 @@ const HeaderBar = ( {
 						setIsFocused( true )
 						onFocus()
 					} }
+					onChange={ () => {} } // Prevent react error
 				/>
 				<Button
 					appearance="transparent"
diff --git a/src/apps/fl-home/ui/sections/media/index.js b/src/apps/fl-home/ui/sections/media/index.js
index eddd2474..1612c5ae 100644
--- a/src/apps/fl-home/ui/sections/media/index.js
+++ b/src/apps/fl-home/ui/sections/media/index.js
@@ -112,7 +112,7 @@ const MediaGrid = ( {
 				// Loading placeholder
 				if ( null === item ) {
 					return (
-						<div />
+						<div key={ i } />
 					)
 				}
 
@@ -120,6 +120,7 @@ const MediaGrid = ( {
 				if ( item instanceof File ) {
 					return (
 						<div
+							key={ i }
 							src={ URL.createObjectURL( item ) }
 							alt={ sprintf( 'Uploading %s', item.name ) }
 							style={ {
diff --git a/src/apps/fl-home/ui/sections/recent-posts/index.js b/src/apps/fl-home/ui/sections/recent-posts/index.js
index 4bb12e57..10e1e308 100644
--- a/src/apps/fl-home/ui/sections/recent-posts/index.js
+++ b/src/apps/fl-home/ui/sections/recent-posts/index.js
@@ -18,6 +18,7 @@ const RecentPostsSection = ( { isCollapsed, ...rest } ) => {
 
 	const Actions = () => (
 		<select
+			value={ query.post_type }
 			onChange={ e => {
 				setQuery( { ...query, post_type: e.target.value } )
 			} }
@@ -27,7 +28,6 @@ const RecentPostsSection = ( { isCollapsed, ...rest } ) => {
 					<option
 						key={ value }
 						value={ value }
-						selected={ value === query.post_type }
 					>
 						{ def.labels.plural }
 					</option>