Merge branch 'update-packages'

8 files changed, 16 insertions, 10 deletions

diff --git a/gui/src/renderer/components/AppButton.tsx b/gui/src/renderer/components/AppButton.tsx
index a3edc78ad3..45c93e1b2a 100644
--- a/gui/src/renderer/components/AppButton.tsx
+++ b/gui/src/renderer/components/AppButton.tsx
@@ -54,7 +54,10 @@ const BaseButton = React.memo(function BaseButtonT(props: IProps) {
         if (groups.label === undefined && typeof child === 'string') {
           return { ...groups, label: <Label textOffset={textOffset}>{child}</Label> };
         } else if (React.isValidElement(child) && child.type === Label) {
-          return { ...groups, label: React.cloneElement(child, { textOffset }) };
+          return {
+            ...groups,
+            label: React.cloneElement(child as React.ReactElement<ILabelProps>, { textOffset }),
+          };
         } else if (groups.label === undefined) {
           return { ...groups, left: [...groups.left, child] };
         } else {
diff --git a/gui/src/renderer/components/ErrorBoundary.tsx b/gui/src/renderer/components/ErrorBoundary.tsx
index 7014175ffa..40615e44f4 100644
--- a/gui/src/renderer/components/ErrorBoundary.tsx
+++ b/gui/src/renderer/components/ErrorBoundary.tsx
@@ -33,7 +33,7 @@ export default class ErrorBoundary extends React.Component<IProps, IState> {
 
   public render() {
     if (this.state.hasError) {
-      const reachBackMessage: React.ReactNodeArray =
+      const reachBackMessage: React.ReactNode[] =
         // TRANSLATORS: The message displayed to the user in case of critical error in the GUI
         // TRANSLATORS: Available placeholders:
         // TRANSLATORS: %(email)s - support email
diff --git a/gui/src/renderer/components/LocationList.tsx b/gui/src/renderer/components/LocationList.tsx
index 729cb59f3c..19c3eca0a5 100644
--- a/gui/src/renderer/components/LocationList.tsx
+++ b/gui/src/renderer/components/LocationList.tsx
@@ -43,6 +43,7 @@ interface ILocationListProps<SpecialValueType> {
   selectedValue?: LocationSelection<SpecialValueType>;
   selectedElementRef?: React.Ref<React.ReactInstance>;
   onSelect?: (value: LocationSelection<SpecialValueType>) => void;
+  children?: React.ReactNode;
 }
 
 export default class LocationList<SpecialValueType> extends React.Component<
@@ -244,6 +245,7 @@ interface ISpecialLocationProps<T> {
   onSelect?: (value: T) => void;
   info?: string;
   forwardedRef?: React.Ref<HTMLButtonElement>;
+  children?: React.ReactNode;
 }
 
 export class SpecialLocation<T> extends React.Component<ISpecialLocationProps<T>> {
diff --git a/gui/src/renderer/components/Login.tsx b/gui/src/renderer/components/Login.tsx
index 0b30b1c167..6c69074a0c 100644
--- a/gui/src/renderer/components/Login.tsx
+++ b/gui/src/renderer/components/Login.tsx
@@ -379,7 +379,7 @@ function AccountDropdownItem(props: IAccountDropdownItemProps) {
   }, [props.onSelect, props.value]);
 
   const handleRemove = useCallback(
-    (event) => {
+    (event: React.MouseEvent<HTMLButtonElement>) => {
       // Prevent login form from submitting
       event.preventDefault();
       props.onRemove(props.value);
diff --git a/gui/src/renderer/components/ProblemReport.tsx b/gui/src/renderer/components/ProblemReport.tsx
index c2e501e109..aa89365fd5 100644
--- a/gui/src/renderer/components/ProblemReport.tsx
+++ b/gui/src/renderer/components/ProblemReport.tsx
@@ -385,7 +385,7 @@ export default class ProblemReport extends React.Component<
   }
 
   private renderSent() {
-    const reachBackMessage: React.ReactNodeArray =
+    const reachBackMessage: React.ReactNode[] =
       // TRANSLATORS: The message displayed to the user after submitting the problem report, given that the user left his or her email for us to reach back.
       // TRANSLATORS: Available placeholders:
       // TRANSLATORS: %(email)s
diff --git a/gui/src/renderer/components/ScopeBar.tsx b/gui/src/renderer/components/ScopeBar.tsx
index be5420b0b5..10b177c2c3 100644
--- a/gui/src/renderer/components/ScopeBar.tsx
+++ b/gui/src/renderer/components/ScopeBar.tsx
@@ -16,7 +16,7 @@ interface IScopeBarProps {
   defaultSelectedIndex?: number;
   onChange?: (selectedIndex: number) => void;
   className?: string;
-  children: React.ReactNode;
+  children: React.ReactElement<IScopeBarItemProps>[];
 }
 
 export function ScopeBar(props: IScopeBarProps) {
diff --git a/gui/src/renderer/components/SvgMap.tsx b/gui/src/renderer/components/SvgMap.tsx
index 00745bede2..680facb558 100644
--- a/gui/src/renderer/components/SvgMap.tsx
+++ b/gui/src/renderer/components/SvgMap.tsx
@@ -1,5 +1,5 @@
 import { geoMercator, GeoProjection } from 'd3-geo';
-import rbush from 'rbush';
+import RBush, { BBox as RBushBBox } from 'rbush';
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import { ComposableMap, Geographies, Geography, Marker } from 'react-simple-maps';
 
@@ -8,16 +8,16 @@ import geometryTreeData from '../../../assets/geo/geometry.rbush.json';
 import statesProvincesLinesData from '../../../assets/geo/states-provinces-lines.json';
 import statesProvincesLinesTreeData from '../../../assets/geo/states-provinces-lines.rbush.json';
 
-interface IGeometryLeaf extends rbush.BBox {
+interface IGeometryLeaf extends RBushBBox {
   id: string;
 }
 
-interface IProvinceAndStateLineLeaf extends rbush.BBox {
+interface IProvinceAndStateLineLeaf extends RBushBBox {
   id: string;
 }
 
-const geometryTree = rbush<IGeometryLeaf>().fromJSON(geometryTreeData);
-const provincesStatesLinesTree = rbush<IProvinceAndStateLineLeaf>().fromJSON(
+const geometryTree = new RBush<IGeometryLeaf>().fromJSON(geometryTreeData);
+const provincesStatesLinesTree = new RBush<IProvinceAndStateLineLeaf>().fromJSON(
   statesProvincesLinesTreeData,
 );
 
diff --git a/gui/src/renderer/components/TransitionContainer.tsx b/gui/src/renderer/components/TransitionContainer.tsx
index 22ef1665eb..5fbfe61a55 100644
--- a/gui/src/renderer/components/TransitionContainer.tsx
+++ b/gui/src/renderer/components/TransitionContainer.tsx
@@ -6,6 +6,7 @@ import { WillExit } from '../lib/will-exit';
 
 interface ITransitioningViewProps {
   viewId: string;
+  children?: React.ReactNode;
 }
 
 type TransitioningView = React.ReactElement<ITransitioningViewProps>;