updated LocationDrawingsButton props with memoized location arrays

Author: collins-self

Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/Meter/PropertyUI/MeterLocationProperties.tsx

@@ -52,6 +52,7 @@ const MeterLocationProperties = (props: IProps) => {
     const [hover, setHover] = React.useState<('submit' | 'clear' | 'none')>('none');
 
     const roles = useAppSelector(SelectRoles);
+    const locationArray = React.useMemo(() => [props.Location], [props.Location]);
 
     React.useEffect(() => {
         const key = props.Location.LocationKey;
@@ -167,7 +168,7 @@ const MeterLocationProperties = (props: IProps) => {
                 <div className="col">
                     <div className="pull-right" style={{ marginBottom: 10 }}>
                         <LocationDrawingsButton
-                            Locations={[props.Location]}
+                            Locations={locationArray}
                             IsLoadingLocations={props.LocationStatus !== 'idle'}
                         />
                     </div>

Source/Applications/SystemCenter/wwwroot/Scripts/TSX/SystemCenter/NewMeterWizard/NewMeterWizard.tsx

@@ -98,6 +98,8 @@ export default function NewMeterWizard(props: {IsEngineer: boolean}) {
     const [showSubmit, setShowSubmit] = React.useState<boolean>(false);
     const [status, setStatus] = React.useState<Application.Types.Status>('unintiated');
 
+    const locationInfoArray = React.useMemo(() => [locationInfo], [locationInfo]);
+
     React.useEffect(() => {
         if (mStatus === 'unintiated' || mStatus === 'changed')
             dispatch(FetchMeter());
@@ -407,7 +409,7 @@ export default function NewMeterWizard(props: {IsEngineer: boolean}) {
             || currentStep === connectionStep)
             return (
                 <LocationDrawingsButton
-                    Locations={[locationInfo]}
+                    Locations={locationInfoArray}
                 />
             )
         else if (currentStep >= additionalFieldMeterStep) {