chore(layer): add console warning for missing BaseProvider/LayersMana…

…ger (uber#2655) * chore(layer): add console warning for missing BaseProvider/LayersManager * chore(layer): add relevant link to documentation site in warning * chore(layer): check for __DEV__ before warning Co-authored-by: Chase Starr <[email protected]>
voigtito · Jan 21, 2020 · 642dd40 · 642dd40
1 parent 1316414
commit 642dd40
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/src/layer/layer.js b/src/layer/layer.js
@@ -27,15 +27,23 @@ class LayerComponent extends React.Component<
   state = {container: null};
 
   componentDidMount() {
-    const {onMount, mountNode} = this.props;
+    const {onMount, mountNode, host: layersManagerHost} = this.props;
     if (mountNode) {
       onMount && onMount();
       return;
     }
+
     // There was no LayersManager added if this.props.host === undefined.
     // Use document.body is the case no LayersManager is used.
-    const host =
-      this.props.host !== undefined ? this.props.host : document.body;
+    const hasLayersManager = layersManagerHost !== undefined;
+    if (__DEV__) {
+      if (!hasLayersManager) {
+        console.warn(
+          '`LayersManager` was not found. This occurs if you are attempting to use a component requiring `Layer` without using the `BaseProvider` at the root of your app. Please visit https://baseweb.design/components/base-provider/ for more information',
+        );
+      }
+    }
+    const host = hasLayersManager ? layersManagerHost : document.body;
     if (host) {
       this.addContainer(host);
     }