fix(*): types

Author: garthenweb

lib/ObserveBoundingClientRect.tsx

@@ -36,7 +36,7 @@ export default class ObserveBoundingClientRect extends React.PureComponent<
   IProps,
   IState
 > {
-  private tickId: number;
+  private tickId?: number;
 
   constructor(props: IProps) {
     super(props);
@@ -76,7 +76,9 @@ export default class ObserveBoundingClientRect extends React.PureComponent<
   }
 
   componentWillUnmount() {
-    cancelAnimationFrame(this.tickId);
+    if (typeof this.tickId === 'number') {
+      cancelAnimationFrame(this.tickId);
+    }
   }
 
   tick(updater: Function) {

lib/ViewportCollector.tsx

@@ -149,7 +149,7 @@ export default class ViewportCollector extends React.PureComponent<IProps> {
   private dimensionsState: IDimensions;
   private lastSyncedScrollState: IScroll;
   private lastSyncedDimensionsState: IDimensions;
-  private tickId: NodeJS.Timeout;
+  private tickId?: number;
   private componentMightHaveUpdated: boolean;
   private resizeObserver: ResizeObserver | null;
 
@@ -158,7 +158,7 @@ export default class ViewportCollector extends React.PureComponent<IProps> {
     this.state = {
       parentProviderExists: false,
     };
-
+    this.componentMightHaveUpdated = false;
     this.scrollState = createEmptyScrollState();
     this.dimensionsState = createEmptyDimensionState();
     this.lastSyncedDimensionsState = { ...this.dimensionsState };
@@ -202,7 +202,9 @@ export default class ViewportCollector extends React.PureComponent<IProps> {
       this.resizeObserver.disconnect();
       this.resizeObserver = null;
     }
-    cancelAnimationFrame(this.tickId);
+    if (typeof this.tickId === 'number') {
+      cancelAnimationFrame(this.tickId);
+    }
   }
 
   tick = () => {

lib/ViewportProvider.tsx

@@ -83,7 +83,7 @@ export default class ViewportProvider extends React.PureComponent<
     experimentalSchedulerEnabled: false;
   };
   private listeners: IListener[] = [];
-  private updateListenersTick: NodeJS.Timer;
+  private updateListenersTick?: NodeJS.Timer;
 
   constructor(props: IProps) {
     super(props);
@@ -93,7 +93,9 @@ export default class ViewportProvider extends React.PureComponent<
   }
 
   componentWillUnmount() {
-    clearTimeout(this.updateListenersTick);
+    if (typeof this.updateListenersTick === 'number') {
+      clearTimeout(this.updateListenersTick);
+    }
   }
 
   triggerUpdateToListeners = (
@@ -172,7 +174,9 @@ export default class ViewportProvider extends React.PureComponent<
   };
 
   updateHasListenersState() {
-    clearTimeout(this.updateListenersTick);
+    if (typeof this.updateListenersTick === 'number') {
+      clearTimeout(this.updateListenersTick);
+    }
     this.updateListenersTick = setTimeout(() => {
       this.setState({
         hasListeners: this.listeners.length !== 0,