fix(ViewportProvider): ensure to not initialise components when collector is not ready yet

Author: Jannick Garthen

lib/ViewportCollector.tsx

@@ -179,6 +179,7 @@ export default class ViewportCollector extends React.PureComponent<IProps> {
   private scrollMightHaveUpdated: boolean;
   private resizeMightHaveUpdated: boolean;
   private resizeObserver: ResizeObserver | null;
+  public syncedStateOnce: boolean;
 
   constructor(props: IProps) {
     super(props);
@@ -192,6 +193,7 @@ export default class ViewportCollector extends React.PureComponent<IProps> {
     this.lastSyncedDimensionsState = { ...this.dimensionsState };
     this.lastSyncedScrollState = { ...this.scrollState };
     this.resizeObserver = null;
+    this.syncedStateOnce = false;
   }
 
   componentDidMount() {
@@ -272,6 +274,9 @@ export default class ViewportCollector extends React.PureComponent<IProps> {
   );
 
   syncState = () => {
+    if (!this.syncedStateOnce) {
+      this.syncedStateOnce = true;
+    }
     if (this.scrollMightHaveUpdated) {
       Object.assign(this.scrollState, getClientScroll(this.scrollState));
     }

lib/ViewportProvider.tsx

@@ -252,6 +252,7 @@ export default class ViewportProvider extends React.PureComponent<
       this.initializeListenersTick = requestAnimationFrame(() => {
         if (
           this.collector.current &&
+          this.collector.current.syncedStateOnce &&
           this.listeners.some(l => !l.initialized)
         ) {
           this.triggerUpdateToListeners(
@@ -278,10 +279,10 @@ export default class ViewportProvider extends React.PureComponent<
     removeViewportChangeListener: this.removeViewportChangeListener,
     scheduleReinitializeChangeHandler: this.scheduleReinitializeChangeHandler,
     getCurrentViewport: () => {
-      if (!this.collector.current) {
-        return this.getCurrentDefaultViewport();
+      if (this.collector.current && this.collector.current.syncedStateOnce) {
+        return this.collector.current.getPropsFromState();
       }
-      return this.collector.current.getPropsFromState();
+      return this.getCurrentDefaultViewport();
     },
     hasRootProviderAsParent: true,
     version: '__VERSION__',