From 9541a7e45540d2cd84e78b67757884eed13158d2 Mon Sep 17 00:00:00 2001
From: Omar <35841910+omarelanis@users.noreply.github.com>
Date: Wed, 4 Aug 2021 14:24:49 +0100
Subject: [PATCH] Fix initial blank load

Fixes error on webpart load when no items are available
---
 .../src/webparts/heroWebpart/components/HeroWebpart.tsx         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/samples/react-hero-webpart/src/webparts/heroWebpart/components/HeroWebpart.tsx b/samples/react-hero-webpart/src/webparts/heroWebpart/components/HeroWebpart.tsx
index 4230376c5..167ee24a7 100644
--- a/samples/react-hero-webpart/src/webparts/heroWebpart/components/HeroWebpart.tsx
+++ b/samples/react-hero-webpart/src/webparts/heroWebpart/components/HeroWebpart.tsx
@@ -71,7 +71,7 @@ export default class HeroWebpart extends React.Component<IHeroWebpartProps, IHer
   public componentDidUpdate(prevProps : IHeroWebpartProps, prevState : IHeroState) : void 
   {
       // If properties have changed bind it and update webpart
-      if(this.props.items !== prevProps.items)
+      if(this.props.items !== prevProps.items && this.props.items.length!==0)
       {
         this.setState({items:this.props.items});
         if(this.props.showAllHero){