Revert "Fix addSource condition (#2524)"

This reverts commit 19e778b.

Author: Pessimistress

modules/react-mapbox/src/components/source.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import {useContext, useEffect, useMemo, useCallback, useState, useRef, cloneElement} from 'react';
+import {useContext, useEffect, useMemo, useState, useRef, cloneElement} from 'react';
 import {MapContext} from './map';
 import assert from '../utils/assert';
 import {deepEqual} from '../utils/deep-equal';
@@ -83,16 +83,17 @@ export function Source(props: SourceProps) {
   const [, setStyleLoaded] = useState(0);
 
   const id = useMemo(() => props.id || `jsx-source-${sourceCounter++}`, []);
-  const forceUpdate = useCallback(() => setStyleLoaded(version => version + 1), []);
 
   useEffect(() => {
     if (map) {
-      // Fired on initial load signaling the map is ready to add custom sources
-      // Subsequently fired on style changes
+      /* global setTimeout */
+      const forceUpdate = () => setTimeout(() => setStyleLoaded(version => version + 1), 0);
+      map.on('load', forceUpdate);
       map.on('styledata', forceUpdate);
       forceUpdate();
 
       return () => {
+        map.off('load', forceUpdate);
         map.off('styledata', forceUpdate);
         // @ts-ignore
         if (map.style && map.style._loaded && map.getSource(id)) {
@@ -124,20 +125,6 @@ export function Source(props: SourceProps) {
   }
   propsRef.current = props;
 
-  useEffect(() => {
-    if (!source) {
-      // on `styledata` event, `map.isStyleLoaded()` still returns false.
-      // `load` and `style.load` only fire once and not when `isStyleLoaded` changes from true to false to true.
-      // `sourcedata` potentially suggests that `isStyleLoaded` has changed. But it fires on every tile load.
-      // Unsubscribe once source is added.
-      map.on('sourcedata', forceUpdate);
-      return () => {
-        map.off('sourcedata', forceUpdate);
-      };
-    }
-    return undefined;
-  }, [map, source]);
-
   return (
     (source &&
       React.Children.map(