@deck.gl/react 8.8.0-beta.2 → 8.8.0-beta.3

package/dist/es5/deckgl.js

@@ -139,10 +139,20 @@ var DeckGL = (0, _react.forwardRef)(function (props, ref) {
 
     return forwardProps;
   }, [props]);
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      isDeckLoaded = _useState4[0],
+      setIsDeckLoaded = _useState4[1];
+
   (0, _react.useEffect)(function () {
     thisRef.deck = createDeckInstance(thisRef, _objectSpread(_objectSpread({}, deckProps), {}, {
       parent: containerRef.current,
-      canvas: canvasRef.current
+      canvas: canvasRef.current,
+      onLoad: function onLoad() {
+        setIsDeckLoaded(true);
+        if (deckProps.onLoad) deckProps.onLoad();
+      }
     }));
     return function () {
       var _thisRef$deck;
@@ -166,7 +176,7 @@ var DeckGL = (0, _react.forwardRef)(function (props, ref) {
   (0, _react.useImperativeHandle)(ref, function () {
     return getRefHandles(thisRef);
   }, []);
-  var currentViewports = thisRef.deck && thisRef.deck.getViewports();
+  var currentViewports = thisRef.deck && isDeckLoaded ? thisRef.deck.getViewports() : undefined;
   var ContextProvider = props.ContextProvider,
       width = props.width,
       height = props.height,

package/dist/es5/deckgl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/deckgl.ts"],"names":["getRefHandles","thisRef","deck","pickObject","opts","pickMultipleObjects","pickObjects","redrawDeck","redrawReason","_drawLayers","createDeckInstance","props","DeckClass","Deck","style","width","height","_customRender","viewports","viewManager","getViewports","lastRenderedViewports","forceUpdate","DeckGL","ref","version","setVersion","_thisRef","control","v","current","containerRef","canvasRef","jsxProps","layers","views","children","inRender","handleViewStateChange","params","viewState","viewStateUpdateRequested","onViewStateChange","handleInteractionStateChange","interactionStateUpdateRequested","onInteractionStateChange","deckProps","forwardProps","setProps","parent","canvas","finalize","currentViewports","ContextProvider","id","containerStyle","canvasStyle","childrenUnderViews","key","defaultProps"],"mappings":"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","sourcesContent":["// Copyright (c) 2015 - 2017 Uber Technologies, Inc.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\nimport * as React from 'react';\nimport {\n  createElement,\n  useRef,\n  useState,\n  useMemo,\n  useEffect,\n  useImperativeHandle,\n  forwardRef\n} from 'react';\nimport {Deck} from '@deck.gl/core';\nimport useIsomorphicLayoutEffect from './utils/use-isomorphic-layout-effect';\n\nimport extractJSXLayers from './utils/extract-jsx-layers';\nimport positionChildrenUnderViews from './utils/position-children-under-views';\nimport extractStyles from './utils/extract-styles';\n\nimport type {DeckGLContextValue} from './utils/position-children-under-views';\nimport type {DeckProps, Viewport} from '@deck.gl/core';\n\n/* eslint-disable max-statements, accessor-pairs */\ntype DeckInstanceRef = {\n  deck?: Deck;\n  redrawReason?: string | null;\n  lastRenderedViewports?: Viewport[];\n  viewStateUpdateRequested?: any;\n  interactionStateUpdateRequested?: any;\n  forceUpdate: () => void;\n  version: number;\n  control: React.ReactHTMLElement<HTMLElement> | null;\n};\n\n// Remove prop types in the base Deck class that support externally supplied canvas/WebGLContext\n/** DeckGL React component props */\nexport type DeckGLProps = Omit<\n  DeckProps,\n  'width' | 'height' | 'gl' | 'parent' | 'canvas' | '_customRender'\n> & {\n  width?: string | number;\n  height?: string | number;\n  children?: React.ReactNode;\n  ContextProvider?: React.Context<DeckGLContextValue>['Provider'];\n};\n\nexport type DeckGLRef = {\n  deck?: Deck;\n  pickObject: Deck['pickObject'];\n  pickObjects: Deck['pickObjects'];\n  pickMultipleObjects: Deck['pickMultipleObjects'];\n};\n\nfunction getRefHandles(thisRef: DeckInstanceRef): DeckGLRef {\n  return {\n    get deck() {\n      return thisRef.deck;\n    },\n    // The following method can only be called after ref is available, by which point deck is defined in useEffect\n    pickObject: opts => thisRef.deck!.pickObject(opts),\n    pickMultipleObjects: opts => thisRef.deck!.pickMultipleObjects(opts),\n    pickObjects: opts => thisRef.deck!.pickObjects(opts)\n  };\n}\n\nfunction redrawDeck(thisRef: DeckInstanceRef) {\n  if (thisRef.redrawReason) {\n    // Only redraw if we have received a dirty flag\n    // @ts-expect-error accessing protected method\n    thisRef.deck._drawLayers(thisRef.redrawReason);\n    thisRef.redrawReason = null;\n  }\n}\n\nfunction createDeckInstance(thisRef: DeckInstanceRef, props): Deck {\n  // Allows a subclass of Deck to be used\n  // TODO - update propTypes / defaultProps?\n  const DeckClass = props.Deck || Deck;\n  const deck = new DeckClass({\n    ...props,\n    style: null,\n    width: '100%',\n    height: '100%',\n    // The Deck's animation loop is independent from React's render cycle, causing potential\n    // synchronization issues. We provide this custom render function to make sure that React\n    // and Deck update on the same schedule.\n    _customRender: redrawReason => {\n      // Save the dirty flag for later\n      thisRef.redrawReason = redrawReason;\n\n      // Viewport/view state is passed to child components as props.\n      // If they have changed, we need to trigger a React rerender to update children props.\n      const viewports = deck.viewManager.getViewports();\n      if (thisRef.lastRenderedViewports !== viewports) {\n        // Viewports have changed, update children props first.\n        // This will delay the Deck canvas redraw till after React update (in useLayoutEffect)\n        // so that the canvas does not get rendered before the child components update.\n        thisRef.forceUpdate();\n      } else {\n        redrawDeck(thisRef);\n      }\n    }\n  });\n  return deck;\n}\n\nconst DeckGL = forwardRef<DeckGLRef, DeckGLProps>((props, ref) => {\n  // A mechanism to force redraw\n  const [version, setVersion] = useState(0);\n  // A reference to persistent states\n  const _thisRef = useRef<DeckInstanceRef>({\n    control: null,\n    version,\n    forceUpdate: () => setVersion(v => v + 1)\n  });\n  const thisRef = _thisRef.current;\n  // DOM refs\n  const containerRef = useRef(null);\n  const canvasRef = useRef(null);\n\n  // extract any deck.gl layers masquerading as react elements from props.children\n  const jsxProps = useMemo(\n    () => extractJSXLayers(props),\n    [props.layers, props.views, props.children]\n  );\n\n  // Callbacks\n  let inRender = true;\n\n  const handleViewStateChange: DeckProps['onViewStateChange'] = params => {\n    if (inRender && props.viewState) {\n      // Callback may invoke a state update. Defer callback to after render() to avoid React error\n      // In React StrictMode, render is executed twice and useEffect/useLayoutEffect is executed once\n      // Store deferred parameters in ref so that we can access it in another render\n      thisRef.viewStateUpdateRequested = params;\n      return null;\n    }\n    thisRef.viewStateUpdateRequested = null;\n    return props.onViewStateChange?.(params);\n  };\n\n  const handleInteractionStateChange: DeckProps['onInteractionStateChange'] = params => {\n    if (inRender) {\n      // Callback may invoke a state update. Defer callback to after render() to avoid React error\n      // In React StrictMode, render is executed twice and useEffect/useLayoutEffect is executed once\n      // Store deferred parameters in ref so that we can access it in another render\n      thisRef.interactionStateUpdateRequested = params;\n    } else {\n      thisRef.interactionStateUpdateRequested = null;\n      props.onInteractionStateChange?.(params);\n    }\n  };\n\n  // Update Deck's props. If Deck needs redraw, this will trigger a call to `_customRender` in\n  // the next animation frame.\n  // Needs to be called both from initial mount, and when new props are received\n  const deckProps = useMemo(() => {\n    const forwardProps: DeckProps = {\n      ...props,\n      // Override user styling props. We will set the canvas style in render()\n      style: null,\n      width: '100%',\n      height: '100%',\n      layers: jsxProps.layers,\n      views: jsxProps.views,\n      onViewStateChange: handleViewStateChange,\n      onInteractionStateChange: handleInteractionStateChange\n    };\n\n    // The defaultValue for _customRender is null, which would overwrite the definition\n    // of _customRender. Remove to avoid frequently redeclaring the method here.\n    delete forwardProps._customRender;\n\n    if (thisRef.deck) {\n      thisRef.deck.setProps(forwardProps);\n    }\n\n    return forwardProps;\n  }, [props]);\n\n  useEffect(() => {\n    thisRef.deck = createDeckInstance(thisRef, {\n      ...deckProps,\n      parent: containerRef.current,\n      canvas: canvasRef.current\n    });\n\n    return () => thisRef.deck?.finalize();\n  }, []);\n\n  useIsomorphicLayoutEffect(() => {\n    // render has just been called. The children are positioned based on the current view state.\n    // Redraw Deck canvas immediately, if necessary, using the current view state, so that it\n    // matches the child components.\n    redrawDeck(thisRef);\n\n    // Execute deferred callbacks\n    const {viewStateUpdateRequested, interactionStateUpdateRequested} = thisRef;\n    if (viewStateUpdateRequested) {\n      handleViewStateChange(viewStateUpdateRequested);\n    }\n    if (interactionStateUpdateRequested) {\n      handleInteractionStateChange(interactionStateUpdateRequested);\n    }\n  });\n\n  useImperativeHandle(ref, () => getRefHandles(thisRef), []);\n\n  const currentViewports = thisRef.deck && thisRef.deck.getViewports();\n\n  const {ContextProvider, width, height, id, style} = props;\n\n  const {containerStyle, canvasStyle} = useMemo(\n    () => extractStyles({width, height, style}),\n    [width, height, style]\n  );\n\n  // Props changes may lead to 3 types of updates:\n  // 1. Only the WebGL canvas - updated in Deck's render cycle (next animation frame)\n  // 2. Only the DOM - updated in React's lifecycle (now)\n  // 3. Both the WebGL canvas and the DOM - defer React rerender to next animation frame just\n  //    before Deck redraw to ensure perfect synchronization & avoid excessive redraw\n  //    This is because multiple changes may happen to Deck between two frames e.g. transition\n  if (\n    (!thisRef.viewStateUpdateRequested && thisRef.lastRenderedViewports === currentViewports) || // case 2\n    thisRef.version !== version // case 3 just before deck redraws\n  ) {\n    thisRef.lastRenderedViewports = currentViewports;\n    thisRef.version = version;\n\n    // Render the background elements (typically react-map-gl instances)\n    // using the view descriptors\n    const childrenUnderViews = positionChildrenUnderViews({\n      children: jsxProps.children,\n      deck: thisRef.deck,\n      ContextProvider\n    });\n\n    const canvas = createElement('canvas', {\n      key: 'canvas',\n      id: id || 'deckgl-overlay',\n      ref: canvasRef,\n      style: canvasStyle\n    });\n\n    // Render deck.gl as the last child\n    thisRef.control = createElement(\n      'div',\n      {id: `${id || 'deckgl'}-wrapper`, ref: containerRef, style: containerStyle},\n      [canvas, childrenUnderViews]\n    );\n  }\n\n  inRender = false;\n  return thisRef.control;\n});\n\nDeckGL.defaultProps = Deck.defaultProps;\n\nexport default DeckGL;\n"],"file":"deckgl.js"}
+{"version":3,"sources":["../../src/deckgl.ts"],"names":["getRefHandles","thisRef","deck","pickObject","opts","pickMultipleObjects","pickObjects","redrawDeck","redrawReason","_drawLayers","createDeckInstance","props","DeckClass","Deck","style","width","height","_customRender","viewports","viewManager","getViewports","lastRenderedViewports","forceUpdate","DeckGL","ref","version","setVersion","_thisRef","control","v","current","containerRef","canvasRef","jsxProps","layers","views","children","inRender","handleViewStateChange","params","viewState","viewStateUpdateRequested","onViewStateChange","handleInteractionStateChange","interactionStateUpdateRequested","onInteractionStateChange","deckProps","forwardProps","setProps","isDeckLoaded","setIsDeckLoaded","parent","canvas","onLoad","finalize","currentViewports","undefined","ContextProvider","id","containerStyle","canvasStyle","childrenUnderViews","key","defaultProps"],"mappings":"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","sourcesContent":["// Copyright (c) 2015 - 2017 Uber Technologies, Inc.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\nimport * as React from 'react';\nimport {\n  createElement,\n  useRef,\n  useState,\n  useMemo,\n  useEffect,\n  useImperativeHandle,\n  forwardRef\n} from 'react';\nimport {Deck} from '@deck.gl/core';\nimport useIsomorphicLayoutEffect from './utils/use-isomorphic-layout-effect';\n\nimport extractJSXLayers from './utils/extract-jsx-layers';\nimport positionChildrenUnderViews from './utils/position-children-under-views';\nimport extractStyles from './utils/extract-styles';\n\nimport type {DeckGLContextValue} from './utils/position-children-under-views';\nimport type {DeckProps, Viewport} from '@deck.gl/core';\n\n/* eslint-disable max-statements, accessor-pairs */\ntype DeckInstanceRef = {\n  deck?: Deck;\n  redrawReason?: string | null;\n  lastRenderedViewports?: Viewport[];\n  viewStateUpdateRequested?: any;\n  interactionStateUpdateRequested?: any;\n  forceUpdate: () => void;\n  version: number;\n  control: React.ReactHTMLElement<HTMLElement> | null;\n};\n\n// Remove prop types in the base Deck class that support externally supplied canvas/WebGLContext\n/** DeckGL React component props */\nexport type DeckGLProps = Omit<\n  DeckProps,\n  'width' | 'height' | 'gl' | 'parent' | 'canvas' | '_customRender'\n> & {\n  width?: string | number;\n  height?: string | number;\n  children?: React.ReactNode;\n  ContextProvider?: React.Context<DeckGLContextValue>['Provider'];\n};\n\nexport type DeckGLRef = {\n  deck?: Deck;\n  pickObject: Deck['pickObject'];\n  pickObjects: Deck['pickObjects'];\n  pickMultipleObjects: Deck['pickMultipleObjects'];\n};\n\nfunction getRefHandles(thisRef: DeckInstanceRef): DeckGLRef {\n  return {\n    get deck() {\n      return thisRef.deck;\n    },\n    // The following method can only be called after ref is available, by which point deck is defined in useEffect\n    pickObject: opts => thisRef.deck!.pickObject(opts),\n    pickMultipleObjects: opts => thisRef.deck!.pickMultipleObjects(opts),\n    pickObjects: opts => thisRef.deck!.pickObjects(opts)\n  };\n}\n\nfunction redrawDeck(thisRef: DeckInstanceRef) {\n  if (thisRef.redrawReason) {\n    // Only redraw if we have received a dirty flag\n    // @ts-expect-error accessing protected method\n    thisRef.deck._drawLayers(thisRef.redrawReason);\n    thisRef.redrawReason = null;\n  }\n}\n\nfunction createDeckInstance(thisRef: DeckInstanceRef, props): Deck {\n  // Allows a subclass of Deck to be used\n  // TODO - update propTypes / defaultProps?\n  const DeckClass = props.Deck || Deck;\n  const deck = new DeckClass({\n    ...props,\n    style: null,\n    width: '100%',\n    height: '100%',\n    // The Deck's animation loop is independent from React's render cycle, causing potential\n    // synchronization issues. We provide this custom render function to make sure that React\n    // and Deck update on the same schedule.\n    _customRender: redrawReason => {\n      // Save the dirty flag for later\n      thisRef.redrawReason = redrawReason;\n\n      // Viewport/view state is passed to child components as props.\n      // If they have changed, we need to trigger a React rerender to update children props.\n      const viewports = deck.viewManager.getViewports();\n      if (thisRef.lastRenderedViewports !== viewports) {\n        // Viewports have changed, update children props first.\n        // This will delay the Deck canvas redraw till after React update (in useLayoutEffect)\n        // so that the canvas does not get rendered before the child components update.\n        thisRef.forceUpdate();\n      } else {\n        redrawDeck(thisRef);\n      }\n    }\n  });\n  return deck;\n}\n\nconst DeckGL = forwardRef<DeckGLRef, DeckGLProps>((props, ref) => {\n  // A mechanism to force redraw\n  const [version, setVersion] = useState(0);\n  // A reference to persistent states\n  const _thisRef = useRef<DeckInstanceRef>({\n    control: null,\n    version,\n    forceUpdate: () => setVersion(v => v + 1)\n  });\n  const thisRef = _thisRef.current;\n  // DOM refs\n  const containerRef = useRef(null);\n  const canvasRef = useRef(null);\n\n  // extract any deck.gl layers masquerading as react elements from props.children\n  const jsxProps = useMemo(\n    () => extractJSXLayers(props),\n    [props.layers, props.views, props.children]\n  );\n\n  // Callbacks\n  let inRender = true;\n\n  const handleViewStateChange: DeckProps['onViewStateChange'] = params => {\n    if (inRender && props.viewState) {\n      // Callback may invoke a state update. Defer callback to after render() to avoid React error\n      // In React StrictMode, render is executed twice and useEffect/useLayoutEffect is executed once\n      // Store deferred parameters in ref so that we can access it in another render\n      thisRef.viewStateUpdateRequested = params;\n      return null;\n    }\n    thisRef.viewStateUpdateRequested = null;\n    return props.onViewStateChange?.(params);\n  };\n\n  const handleInteractionStateChange: DeckProps['onInteractionStateChange'] = params => {\n    if (inRender) {\n      // Callback may invoke a state update. Defer callback to after render() to avoid React error\n      // In React StrictMode, render is executed twice and useEffect/useLayoutEffect is executed once\n      // Store deferred parameters in ref so that we can access it in another render\n      thisRef.interactionStateUpdateRequested = params;\n    } else {\n      thisRef.interactionStateUpdateRequested = null;\n      props.onInteractionStateChange?.(params);\n    }\n  };\n\n  // Update Deck's props. If Deck needs redraw, this will trigger a call to `_customRender` in\n  // the next animation frame.\n  // Needs to be called both from initial mount, and when new props are received\n  const deckProps = useMemo(() => {\n    const forwardProps: DeckProps = {\n      ...props,\n      // Override user styling props. We will set the canvas style in render()\n      style: null,\n      width: '100%',\n      height: '100%',\n      layers: jsxProps.layers,\n      views: jsxProps.views,\n      onViewStateChange: handleViewStateChange,\n      onInteractionStateChange: handleInteractionStateChange\n    };\n\n    // The defaultValue for _customRender is null, which would overwrite the definition\n    // of _customRender. Remove to avoid frequently redeclaring the method here.\n    delete forwardProps._customRender;\n\n    if (thisRef.deck) {\n      thisRef.deck.setProps(forwardProps);\n    }\n\n    return forwardProps;\n  }, [props]);\n\n  const [isDeckLoaded, setIsDeckLoaded] = useState(false);\n\n  useEffect(() => {\n    thisRef.deck = createDeckInstance(thisRef, {\n      ...deckProps,\n      parent: containerRef.current,\n      canvas: canvasRef.current,\n      onLoad: () => {\n        setIsDeckLoaded(true);\n        if (deckProps.onLoad) deckProps.onLoad();\n      }\n    });\n\n    return () => thisRef.deck?.finalize();\n  }, []);\n\n  useIsomorphicLayoutEffect(() => {\n    // render has just been called. The children are positioned based on the current view state.\n    // Redraw Deck canvas immediately, if necessary, using the current view state, so that it\n    // matches the child components.\n    redrawDeck(thisRef);\n\n    // Execute deferred callbacks\n    const {viewStateUpdateRequested, interactionStateUpdateRequested} = thisRef;\n    if (viewStateUpdateRequested) {\n      handleViewStateChange(viewStateUpdateRequested);\n    }\n    if (interactionStateUpdateRequested) {\n      handleInteractionStateChange(interactionStateUpdateRequested);\n    }\n  });\n\n  useImperativeHandle(ref, () => getRefHandles(thisRef), []);\n\n  const currentViewports = thisRef.deck && isDeckLoaded ? thisRef.deck.getViewports() : undefined;\n\n  const {ContextProvider, width, height, id, style} = props;\n\n  const {containerStyle, canvasStyle} = useMemo(\n    () => extractStyles({width, height, style}),\n    [width, height, style]\n  );\n\n  // Props changes may lead to 3 types of updates:\n  // 1. Only the WebGL canvas - updated in Deck's render cycle (next animation frame)\n  // 2. Only the DOM - updated in React's lifecycle (now)\n  // 3. Both the WebGL canvas and the DOM - defer React rerender to next animation frame just\n  //    before Deck redraw to ensure perfect synchronization & avoid excessive redraw\n  //    This is because multiple changes may happen to Deck between two frames e.g. transition\n  if (\n    (!thisRef.viewStateUpdateRequested && thisRef.lastRenderedViewports === currentViewports) || // case 2\n    thisRef.version !== version // case 3 just before deck redraws\n  ) {\n    thisRef.lastRenderedViewports = currentViewports;\n    thisRef.version = version;\n\n    // Render the background elements (typically react-map-gl instances)\n    // using the view descriptors\n    const childrenUnderViews = positionChildrenUnderViews({\n      children: jsxProps.children,\n      deck: thisRef.deck,\n      ContextProvider\n    });\n\n    const canvas = createElement('canvas', {\n      key: 'canvas',\n      id: id || 'deckgl-overlay',\n      ref: canvasRef,\n      style: canvasStyle\n    });\n\n    // Render deck.gl as the last child\n    thisRef.control = createElement(\n      'div',\n      {id: `${id || 'deckgl'}-wrapper`, ref: containerRef, style: containerStyle},\n      [canvas, childrenUnderViews]\n    );\n  }\n\n  inRender = false;\n  return thisRef.control;\n});\n\nDeckGL.defaultProps = Deck.defaultProps;\n\nexport default DeckGL;\n"],"file":"deckgl.js"}

package/dist/esm/deckgl.js

@@ -101,10 +101,15 @@ const DeckGL = forwardRef((props, ref) => {
 
     return forwardProps;
   }, [props]);
+  const [isDeckLoaded, setIsDeckLoaded] = useState(false);
   useEffect(() => {
     thisRef.deck = createDeckInstance(thisRef, { ...deckProps,
       parent: containerRef.current,
-      canvas: canvasRef.current
+      canvas: canvasRef.current,
+      onLoad: () => {
+        setIsDeckLoaded(true);
+        if (deckProps.onLoad) deckProps.onLoad();
+      }
     });
     return () => {
       var _thisRef$deck;
@@ -128,7 +133,7 @@ const DeckGL = forwardRef((props, ref) => {
     }
   });
   useImperativeHandle(ref, () => getRefHandles(thisRef), []);
-  const currentViewports = thisRef.deck && thisRef.deck.getViewports();
+  const currentViewports = thisRef.deck && isDeckLoaded ? thisRef.deck.getViewports() : undefined;
   const {
     ContextProvider,
     width,

package/dist/esm/deckgl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/deckgl.ts"],"names":["createElement","useRef","useState","useMemo","useEffect","useImperativeHandle","forwardRef","Deck","useIsomorphicLayoutEffect","extractJSXLayers","positionChildrenUnderViews","extractStyles","getRefHandles","thisRef","deck","pickObject","opts","pickMultipleObjects","pickObjects","redrawDeck","redrawReason","_drawLayers","createDeckInstance","props","DeckClass","style","width","height","_customRender","viewports","viewManager","getViewports","lastRenderedViewports","forceUpdate","DeckGL","ref","version","setVersion","_thisRef","control","v","current","containerRef","canvasRef","jsxProps","layers","views","children","inRender","handleViewStateChange","params","viewState","viewStateUpdateRequested","onViewStateChange","handleInteractionStateChange","interactionStateUpdateRequested","onInteractionStateChange","deckProps","forwardProps","setProps","parent","canvas","finalize","currentViewports","ContextProvider","id","containerStyle","canvasStyle","childrenUnderViews","key","defaultProps"],"mappings":"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","sourcesContent":["// Copyright (c) 2015 - 2017 Uber Technologies, Inc.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\nimport * as React from 'react';\nimport {\n  createElement,\n  useRef,\n  useState,\n  useMemo,\n  useEffect,\n  useImperativeHandle,\n  forwardRef\n} from 'react';\nimport {Deck} from '@deck.gl/core';\nimport useIsomorphicLayoutEffect from './utils/use-isomorphic-layout-effect';\n\nimport extractJSXLayers from './utils/extract-jsx-layers';\nimport positionChildrenUnderViews from './utils/position-children-under-views';\nimport extractStyles from './utils/extract-styles';\n\nimport type {DeckGLContextValue} from './utils/position-children-under-views';\nimport type {DeckProps, Viewport} from '@deck.gl/core';\n\n/* eslint-disable max-statements, accessor-pairs */\ntype DeckInstanceRef = {\n  deck?: Deck;\n  redrawReason?: string | null;\n  lastRenderedViewports?: Viewport[];\n  viewStateUpdateRequested?: any;\n  interactionStateUpdateRequested?: any;\n  forceUpdate: () => void;\n  version: number;\n  control: React.ReactHTMLElement<HTMLElement> | null;\n};\n\n// Remove prop types in the base Deck class that support externally supplied canvas/WebGLContext\n/** DeckGL React component props */\nexport type DeckGLProps = Omit<\n  DeckProps,\n  'width' | 'height' | 'gl' | 'parent' | 'canvas' | '_customRender'\n> & {\n  width?: string | number;\n  height?: string | number;\n  children?: React.ReactNode;\n  ContextProvider?: React.Context<DeckGLContextValue>['Provider'];\n};\n\nexport type DeckGLRef = {\n  deck?: Deck;\n  pickObject: Deck['pickObject'];\n  pickObjects: Deck['pickObjects'];\n  pickMultipleObjects: Deck['pickMultipleObjects'];\n};\n\nfunction getRefHandles(thisRef: DeckInstanceRef): DeckGLRef {\n  return {\n    get deck() {\n      return thisRef.deck;\n    },\n    // The following method can only be called after ref is available, by which point deck is defined in useEffect\n    pickObject: opts => thisRef.deck!.pickObject(opts),\n    pickMultipleObjects: opts => thisRef.deck!.pickMultipleObjects(opts),\n    pickObjects: opts => thisRef.deck!.pickObjects(opts)\n  };\n}\n\nfunction redrawDeck(thisRef: DeckInstanceRef) {\n  if (thisRef.redrawReason) {\n    // Only redraw if we have received a dirty flag\n    // @ts-expect-error accessing protected method\n    thisRef.deck._drawLayers(thisRef.redrawReason);\n    thisRef.redrawReason = null;\n  }\n}\n\nfunction createDeckInstance(thisRef: DeckInstanceRef, props): Deck {\n  // Allows a subclass of Deck to be used\n  // TODO - update propTypes / defaultProps?\n  const DeckClass = props.Deck || Deck;\n  const deck = new DeckClass({\n    ...props,\n    style: null,\n    width: '100%',\n    height: '100%',\n    // The Deck's animation loop is independent from React's render cycle, causing potential\n    // synchronization issues. We provide this custom render function to make sure that React\n    // and Deck update on the same schedule.\n    _customRender: redrawReason => {\n      // Save the dirty flag for later\n      thisRef.redrawReason = redrawReason;\n\n      // Viewport/view state is passed to child components as props.\n      // If they have changed, we need to trigger a React rerender to update children props.\n      const viewports = deck.viewManager.getViewports();\n      if (thisRef.lastRenderedViewports !== viewports) {\n        // Viewports have changed, update children props first.\n        // This will delay the Deck canvas redraw till after React update (in useLayoutEffect)\n        // so that the canvas does not get rendered before the child components update.\n        thisRef.forceUpdate();\n      } else {\n        redrawDeck(thisRef);\n      }\n    }\n  });\n  return deck;\n}\n\nconst DeckGL = forwardRef<DeckGLRef, DeckGLProps>((props, ref) => {\n  // A mechanism to force redraw\n  const [version, setVersion] = useState(0);\n  // A reference to persistent states\n  const _thisRef = useRef<DeckInstanceRef>({\n    control: null,\n    version,\n    forceUpdate: () => setVersion(v => v + 1)\n  });\n  const thisRef = _thisRef.current;\n  // DOM refs\n  const containerRef = useRef(null);\n  const canvasRef = useRef(null);\n\n  // extract any deck.gl layers masquerading as react elements from props.children\n  const jsxProps = useMemo(\n    () => extractJSXLayers(props),\n    [props.layers, props.views, props.children]\n  );\n\n  // Callbacks\n  let inRender = true;\n\n  const handleViewStateChange: DeckProps['onViewStateChange'] = params => {\n    if (inRender && props.viewState) {\n      // Callback may invoke a state update. Defer callback to after render() to avoid React error\n      // In React StrictMode, render is executed twice and useEffect/useLayoutEffect is executed once\n      // Store deferred parameters in ref so that we can access it in another render\n      thisRef.viewStateUpdateRequested = params;\n      return null;\n    }\n    thisRef.viewStateUpdateRequested = null;\n    return props.onViewStateChange?.(params);\n  };\n\n  const handleInteractionStateChange: DeckProps['onInteractionStateChange'] = params => {\n    if (inRender) {\n      // Callback may invoke a state update. Defer callback to after render() to avoid React error\n      // In React StrictMode, render is executed twice and useEffect/useLayoutEffect is executed once\n      // Store deferred parameters in ref so that we can access it in another render\n      thisRef.interactionStateUpdateRequested = params;\n    } else {\n      thisRef.interactionStateUpdateRequested = null;\n      props.onInteractionStateChange?.(params);\n    }\n  };\n\n  // Update Deck's props. If Deck needs redraw, this will trigger a call to `_customRender` in\n  // the next animation frame.\n  // Needs to be called both from initial mount, and when new props are received\n  const deckProps = useMemo(() => {\n    const forwardProps: DeckProps = {\n      ...props,\n      // Override user styling props. We will set the canvas style in render()\n      style: null,\n      width: '100%',\n      height: '100%',\n      layers: jsxProps.layers,\n      views: jsxProps.views,\n      onViewStateChange: handleViewStateChange,\n      onInteractionStateChange: handleInteractionStateChange\n    };\n\n    // The defaultValue for _customRender is null, which would overwrite the definition\n    // of _customRender. Remove to avoid frequently redeclaring the method here.\n    delete forwardProps._customRender;\n\n    if (thisRef.deck) {\n      thisRef.deck.setProps(forwardProps);\n    }\n\n    return forwardProps;\n  }, [props]);\n\n  useEffect(() => {\n    thisRef.deck = createDeckInstance(thisRef, {\n      ...deckProps,\n      parent: containerRef.current,\n      canvas: canvasRef.current\n    });\n\n    return () => thisRef.deck?.finalize();\n  }, []);\n\n  useIsomorphicLayoutEffect(() => {\n    // render has just been called. The children are positioned based on the current view state.\n    // Redraw Deck canvas immediately, if necessary, using the current view state, so that it\n    // matches the child components.\n    redrawDeck(thisRef);\n\n    // Execute deferred callbacks\n    const {viewStateUpdateRequested, interactionStateUpdateRequested} = thisRef;\n    if (viewStateUpdateRequested) {\n      handleViewStateChange(viewStateUpdateRequested);\n    }\n    if (interactionStateUpdateRequested) {\n      handleInteractionStateChange(interactionStateUpdateRequested);\n    }\n  });\n\n  useImperativeHandle(ref, () => getRefHandles(thisRef), []);\n\n  const currentViewports = thisRef.deck && thisRef.deck.getViewports();\n\n  const {ContextProvider, width, height, id, style} = props;\n\n  const {containerStyle, canvasStyle} = useMemo(\n    () => extractStyles({width, height, style}),\n    [width, height, style]\n  );\n\n  // Props changes may lead to 3 types of updates:\n  // 1. Only the WebGL canvas - updated in Deck's render cycle (next animation frame)\n  // 2. Only the DOM - updated in React's lifecycle (now)\n  // 3. Both the WebGL canvas and the DOM - defer React rerender to next animation frame just\n  //    before Deck redraw to ensure perfect synchronization & avoid excessive redraw\n  //    This is because multiple changes may happen to Deck between two frames e.g. transition\n  if (\n    (!thisRef.viewStateUpdateRequested && thisRef.lastRenderedViewports === currentViewports) || // case 2\n    thisRef.version !== version // case 3 just before deck redraws\n  ) {\n    thisRef.lastRenderedViewports = currentViewports;\n    thisRef.version = version;\n\n    // Render the background elements (typically react-map-gl instances)\n    // using the view descriptors\n    const childrenUnderViews = positionChildrenUnderViews({\n      children: jsxProps.children,\n      deck: thisRef.deck,\n      ContextProvider\n    });\n\n    const canvas = createElement('canvas', {\n      key: 'canvas',\n      id: id || 'deckgl-overlay',\n      ref: canvasRef,\n      style: canvasStyle\n    });\n\n    // Render deck.gl as the last child\n    thisRef.control = createElement(\n      'div',\n      {id: `${id || 'deckgl'}-wrapper`, ref: containerRef, style: containerStyle},\n      [canvas, childrenUnderViews]\n    );\n  }\n\n  inRender = false;\n  return thisRef.control;\n});\n\nDeckGL.defaultProps = Deck.defaultProps;\n\nexport default DeckGL;\n"],"file":"deckgl.js"}
+{"version":3,"sources":["../../src/deckgl.ts"],"names":["createElement","useRef","useState","useMemo","useEffect","useImperativeHandle","forwardRef","Deck","useIsomorphicLayoutEffect","extractJSXLayers","positionChildrenUnderViews","extractStyles","getRefHandles","thisRef","deck","pickObject","opts","pickMultipleObjects","pickObjects","redrawDeck","redrawReason","_drawLayers","createDeckInstance","props","DeckClass","style","width","height","_customRender","viewports","viewManager","getViewports","lastRenderedViewports","forceUpdate","DeckGL","ref","version","setVersion","_thisRef","control","v","current","containerRef","canvasRef","jsxProps","layers","views","children","inRender","handleViewStateChange","params","viewState","viewStateUpdateRequested","onViewStateChange","handleInteractionStateChange","interactionStateUpdateRequested","onInteractionStateChange","deckProps","forwardProps","setProps","isDeckLoaded","setIsDeckLoaded","parent","canvas","onLoad","finalize","currentViewports","undefined","ContextProvider","id","containerStyle","canvasStyle","childrenUnderViews","key","defaultProps"],"mappings":"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","sourcesContent":["// Copyright (c) 2015 - 2017 Uber Technologies, Inc.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\nimport * as React from 'react';\nimport {\n  createElement,\n  useRef,\n  useState,\n  useMemo,\n  useEffect,\n  useImperativeHandle,\n  forwardRef\n} from 'react';\nimport {Deck} from '@deck.gl/core';\nimport useIsomorphicLayoutEffect from './utils/use-isomorphic-layout-effect';\n\nimport extractJSXLayers from './utils/extract-jsx-layers';\nimport positionChildrenUnderViews from './utils/position-children-under-views';\nimport extractStyles from './utils/extract-styles';\n\nimport type {DeckGLContextValue} from './utils/position-children-under-views';\nimport type {DeckProps, Viewport} from '@deck.gl/core';\n\n/* eslint-disable max-statements, accessor-pairs */\ntype DeckInstanceRef = {\n  deck?: Deck;\n  redrawReason?: string | null;\n  lastRenderedViewports?: Viewport[];\n  viewStateUpdateRequested?: any;\n  interactionStateUpdateRequested?: any;\n  forceUpdate: () => void;\n  version: number;\n  control: React.ReactHTMLElement<HTMLElement> | null;\n};\n\n// Remove prop types in the base Deck class that support externally supplied canvas/WebGLContext\n/** DeckGL React component props */\nexport type DeckGLProps = Omit<\n  DeckProps,\n  'width' | 'height' | 'gl' | 'parent' | 'canvas' | '_customRender'\n> & {\n  width?: string | number;\n  height?: string | number;\n  children?: React.ReactNode;\n  ContextProvider?: React.Context<DeckGLContextValue>['Provider'];\n};\n\nexport type DeckGLRef = {\n  deck?: Deck;\n  pickObject: Deck['pickObject'];\n  pickObjects: Deck['pickObjects'];\n  pickMultipleObjects: Deck['pickMultipleObjects'];\n};\n\nfunction getRefHandles(thisRef: DeckInstanceRef): DeckGLRef {\n  return {\n    get deck() {\n      return thisRef.deck;\n    },\n    // The following method can only be called after ref is available, by which point deck is defined in useEffect\n    pickObject: opts => thisRef.deck!.pickObject(opts),\n    pickMultipleObjects: opts => thisRef.deck!.pickMultipleObjects(opts),\n    pickObjects: opts => thisRef.deck!.pickObjects(opts)\n  };\n}\n\nfunction redrawDeck(thisRef: DeckInstanceRef) {\n  if (thisRef.redrawReason) {\n    // Only redraw if we have received a dirty flag\n    // @ts-expect-error accessing protected method\n    thisRef.deck._drawLayers(thisRef.redrawReason);\n    thisRef.redrawReason = null;\n  }\n}\n\nfunction createDeckInstance(thisRef: DeckInstanceRef, props): Deck {\n  // Allows a subclass of Deck to be used\n  // TODO - update propTypes / defaultProps?\n  const DeckClass = props.Deck || Deck;\n  const deck = new DeckClass({\n    ...props,\n    style: null,\n    width: '100%',\n    height: '100%',\n    // The Deck's animation loop is independent from React's render cycle, causing potential\n    // synchronization issues. We provide this custom render function to make sure that React\n    // and Deck update on the same schedule.\n    _customRender: redrawReason => {\n      // Save the dirty flag for later\n      thisRef.redrawReason = redrawReason;\n\n      // Viewport/view state is passed to child components as props.\n      // If they have changed, we need to trigger a React rerender to update children props.\n      const viewports = deck.viewManager.getViewports();\n      if (thisRef.lastRenderedViewports !== viewports) {\n        // Viewports have changed, update children props first.\n        // This will delay the Deck canvas redraw till after React update (in useLayoutEffect)\n        // so that the canvas does not get rendered before the child components update.\n        thisRef.forceUpdate();\n      } else {\n        redrawDeck(thisRef);\n      }\n    }\n  });\n  return deck;\n}\n\nconst DeckGL = forwardRef<DeckGLRef, DeckGLProps>((props, ref) => {\n  // A mechanism to force redraw\n  const [version, setVersion] = useState(0);\n  // A reference to persistent states\n  const _thisRef = useRef<DeckInstanceRef>({\n    control: null,\n    version,\n    forceUpdate: () => setVersion(v => v + 1)\n  });\n  const thisRef = _thisRef.current;\n  // DOM refs\n  const containerRef = useRef(null);\n  const canvasRef = useRef(null);\n\n  // extract any deck.gl layers masquerading as react elements from props.children\n  const jsxProps = useMemo(\n    () => extractJSXLayers(props),\n    [props.layers, props.views, props.children]\n  );\n\n  // Callbacks\n  let inRender = true;\n\n  const handleViewStateChange: DeckProps['onViewStateChange'] = params => {\n    if (inRender && props.viewState) {\n      // Callback may invoke a state update. Defer callback to after render() to avoid React error\n      // In React StrictMode, render is executed twice and useEffect/useLayoutEffect is executed once\n      // Store deferred parameters in ref so that we can access it in another render\n      thisRef.viewStateUpdateRequested = params;\n      return null;\n    }\n    thisRef.viewStateUpdateRequested = null;\n    return props.onViewStateChange?.(params);\n  };\n\n  const handleInteractionStateChange: DeckProps['onInteractionStateChange'] = params => {\n    if (inRender) {\n      // Callback may invoke a state update. Defer callback to after render() to avoid React error\n      // In React StrictMode, render is executed twice and useEffect/useLayoutEffect is executed once\n      // Store deferred parameters in ref so that we can access it in another render\n      thisRef.interactionStateUpdateRequested = params;\n    } else {\n      thisRef.interactionStateUpdateRequested = null;\n      props.onInteractionStateChange?.(params);\n    }\n  };\n\n  // Update Deck's props. If Deck needs redraw, this will trigger a call to `_customRender` in\n  // the next animation frame.\n  // Needs to be called both from initial mount, and when new props are received\n  const deckProps = useMemo(() => {\n    const forwardProps: DeckProps = {\n      ...props,\n      // Override user styling props. We will set the canvas style in render()\n      style: null,\n      width: '100%',\n      height: '100%',\n      layers: jsxProps.layers,\n      views: jsxProps.views,\n      onViewStateChange: handleViewStateChange,\n      onInteractionStateChange: handleInteractionStateChange\n    };\n\n    // The defaultValue for _customRender is null, which would overwrite the definition\n    // of _customRender. Remove to avoid frequently redeclaring the method here.\n    delete forwardProps._customRender;\n\n    if (thisRef.deck) {\n      thisRef.deck.setProps(forwardProps);\n    }\n\n    return forwardProps;\n  }, [props]);\n\n  const [isDeckLoaded, setIsDeckLoaded] = useState(false);\n\n  useEffect(() => {\n    thisRef.deck = createDeckInstance(thisRef, {\n      ...deckProps,\n      parent: containerRef.current,\n      canvas: canvasRef.current,\n      onLoad: () => {\n        setIsDeckLoaded(true);\n        if (deckProps.onLoad) deckProps.onLoad();\n      }\n    });\n\n    return () => thisRef.deck?.finalize();\n  }, []);\n\n  useIsomorphicLayoutEffect(() => {\n    // render has just been called. The children are positioned based on the current view state.\n    // Redraw Deck canvas immediately, if necessary, using the current view state, so that it\n    // matches the child components.\n    redrawDeck(thisRef);\n\n    // Execute deferred callbacks\n    const {viewStateUpdateRequested, interactionStateUpdateRequested} = thisRef;\n    if (viewStateUpdateRequested) {\n      handleViewStateChange(viewStateUpdateRequested);\n    }\n    if (interactionStateUpdateRequested) {\n      handleInteractionStateChange(interactionStateUpdateRequested);\n    }\n  });\n\n  useImperativeHandle(ref, () => getRefHandles(thisRef), []);\n\n  const currentViewports = thisRef.deck && isDeckLoaded ? thisRef.deck.getViewports() : undefined;\n\n  const {ContextProvider, width, height, id, style} = props;\n\n  const {containerStyle, canvasStyle} = useMemo(\n    () => extractStyles({width, height, style}),\n    [width, height, style]\n  );\n\n  // Props changes may lead to 3 types of updates:\n  // 1. Only the WebGL canvas - updated in Deck's render cycle (next animation frame)\n  // 2. Only the DOM - updated in React's lifecycle (now)\n  // 3. Both the WebGL canvas and the DOM - defer React rerender to next animation frame just\n  //    before Deck redraw to ensure perfect synchronization & avoid excessive redraw\n  //    This is because multiple changes may happen to Deck between two frames e.g. transition\n  if (\n    (!thisRef.viewStateUpdateRequested && thisRef.lastRenderedViewports === currentViewports) || // case 2\n    thisRef.version !== version // case 3 just before deck redraws\n  ) {\n    thisRef.lastRenderedViewports = currentViewports;\n    thisRef.version = version;\n\n    // Render the background elements (typically react-map-gl instances)\n    // using the view descriptors\n    const childrenUnderViews = positionChildrenUnderViews({\n      children: jsxProps.children,\n      deck: thisRef.deck,\n      ContextProvider\n    });\n\n    const canvas = createElement('canvas', {\n      key: 'canvas',\n      id: id || 'deckgl-overlay',\n      ref: canvasRef,\n      style: canvasStyle\n    });\n\n    // Render deck.gl as the last child\n    thisRef.control = createElement(\n      'div',\n      {id: `${id || 'deckgl'}-wrapper`, ref: containerRef, style: containerStyle},\n      [canvas, childrenUnderViews]\n    );\n  }\n\n  inRender = false;\n  return thisRef.control;\n});\n\nDeckGL.defaultProps = Deck.defaultProps;\n\nexport default DeckGL;\n"],"file":"deckgl.js"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@deck.gl/react",
   "description": "React Components for deck.gl",
   "license": "MIT",
-  "version": "8.8.0-beta.2",
+  "version": "8.8.0-beta.3",
   "publishConfig": {
     "access": "public"
   },
@@ -31,5 +31,5 @@
     "react": ">=16.3",
     "react-dom": ">=16.3"
   },
-  "gitHead": "d9bae59d015387c547366465d75d80950c60a34e"
+  "gitHead": "bb459e1b4a4e3674ee9832d775d39211541d17b4"
 }

package/src/deckgl.ts

@@ -195,11 +195,17 @@ const DeckGL = forwardRef<DeckGLRef, DeckGLProps>((props, ref) => {
     return forwardProps;
   }, [props]);
 
+  const [isDeckLoaded, setIsDeckLoaded] = useState(false);
+
   useEffect(() => {
     thisRef.deck = createDeckInstance(thisRef, {
       ...deckProps,
       parent: containerRef.current,
-      canvas: canvasRef.current
+      canvas: canvasRef.current,
+      onLoad: () => {
+        setIsDeckLoaded(true);
+        if (deckProps.onLoad) deckProps.onLoad();
+      }
     });
 
     return () => thisRef.deck?.finalize();
@@ -223,7 +229,7 @@ const DeckGL = forwardRef<DeckGLRef, DeckGLProps>((props, ref) => {
 
   useImperativeHandle(ref, () => getRefHandles(thisRef), []);
 
-  const currentViewports = thisRef.deck && thisRef.deck.getViewports();
+  const currentViewports = thisRef.deck && isDeckLoaded ? thisRef.deck.getViewports() : undefined;
 
   const {ContextProvider, width, height, id, style} = props;
 

package/typed/deckgl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deckgl.d.ts","sourceRoot":"","sources":["../src/deckgl.ts"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AAOnC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,uCAAuC,CAAC;AAC9E,OAAO,KAAK,EAAC,SAAS,EAAW,MAAM,eAAe,CAAC;AAevD,mCAAmC;AACnC,oBAAY,WAAW,GAAG,IAAI,CAC5B,SAAS,EACT,OAAO,GAAG,QAAQ,GAAG,IAAI,GAAG,QAAQ,GAAG,QAAQ,GAAG,eAAe,CAClE,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,UAAU,CAAC,CAAC;CACjE,CAAC;AAEF,oBAAY,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,UAAU,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IAC/B,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IACjC,mBAAmB,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;CAClD,CAAC;AAuDF,QAAA,MAAM,MAAM;;;eAhEC,MAAM,SAAS;;mCAqN1B,CAAC;AAIH,eAAe,MAAM,CAAC"}
+{"version":3,"file":"deckgl.d.ts","sourceRoot":"","sources":["../src/deckgl.ts"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AAOnC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,uCAAuC,CAAC;AAC9E,OAAO,KAAK,EAAC,SAAS,EAAW,MAAM,eAAe,CAAC;AAevD,mCAAmC;AACnC,oBAAY,WAAW,GAAG,IAAI,CAC5B,SAAS,EACT,OAAO,GAAG,QAAQ,GAAG,IAAI,GAAG,QAAQ,GAAG,QAAQ,GAAG,eAAe,CAClE,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,UAAU,CAAC,CAAC;CACjE,CAAC;AAEF,oBAAY,SAAS,GAAG;IACtB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,UAAU,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;IAC/B,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IACjC,mBAAmB,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;CAClD,CAAC;AAuDF,QAAA,MAAM,MAAM;;;eAhEC,MAAM,SAAS;;mCA2N1B,CAAC;AAIH,eAAe,MAAM,CAAC"}

package/typed/utils/use-isomorphic-layout-effect.d.ts

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
-declare const useIsomorphicLayoutEffect: typeof useEffect;
+import { useLayoutEffect } from 'react';
+declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
 export default useIsomorphicLayoutEffect;
 //# sourceMappingURL=use-isomorphic-layout-effect.d.ts.map

package/typed/utils/use-isomorphic-layout-effect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-isomorphic-layout-effect.d.ts","sourceRoot":"","sources":["../../src/utils/use-isomorphic-layout-effect.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,SAAS,EAAkB,MAAM,OAAO,CAAC;AAEjD,QAAA,MAAM,yBAAyB,kBAA8D,CAAC;AAE9F,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"use-isomorphic-layout-effect.d.ts","sourceRoot":"","sources":["../../src/utils/use-isomorphic-layout-effect.ts"],"names":[],"mappings":"AAEA,OAAO,EAAY,eAAe,EAAC,MAAM,OAAO,CAAC;AAEjD,QAAA,MAAM,yBAAyB,wBAA8D,CAAC;AAE9F,eAAe,yBAAyB,CAAC"}

package/typed/deckgl.js

@@ -1,194 +0,0 @@
-// Copyright (c) 2015 - 2017 Uber Technologies, Inc.
-//
-// Permission is hereby granted, free of charge, to any person obtaining a copy
-// of this software and associated documentation files (the "Software"), to deal
-// in the Software without restriction, including without limitation the rights
-// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-// copies of the Software, and to permit persons to whom the Software is
-// furnished to do so, subject to the following conditions:
-//
-// The above copyright notice and this permission notice shall be included in
-// all copies or substantial portions of the Software.
-//
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-// THE SOFTWARE.
-import { createElement, useRef, useState, useMemo, useEffect, useImperativeHandle, forwardRef } from 'react';
-import { Deck } from '@deck.gl/core';
-import useIsomorphicLayoutEffect from './utils/use-isomorphic-layout-effect';
-import extractJSXLayers from './utils/extract-jsx-layers';
-import positionChildrenUnderViews from './utils/position-children-under-views';
-import extractStyles from './utils/extract-styles';
-/* eslint-disable max-statements, accessor-pairs */
-function getRefHandles(thisRef) {
-    const handles = {
-        pickObject: opts => thisRef.deck.pickObject(opts),
-        pickMultipleObjects: opts => thisRef.deck.pickMultipleObjects(opts),
-        pickObjects: opts => thisRef.deck.pickObjects(opts)
-    };
-    Object.defineProperty(handles, 'deck', {
-        get: () => thisRef.deck
-    });
-    return handles;
-}
-function redrawDeck(thisRef) {
-    if (thisRef.redrawReason) {
-        // Only redraw if we have received a dirty flag
-        thisRef.deck._drawLayers(thisRef.redrawReason);
-        thisRef.redrawReason = null;
-    }
-}
-function createDeckInstance(thisRef, props) {
-    // Allows a subclass of Deck to be used
-    // TODO - update propTypes / defaultProps?
-    const DeckClass = props.Deck || Deck;
-    const deck = new DeckClass({
-        ...props,
-        style: null,
-        width: '100%',
-        height: '100%',
-        // The Deck's animation loop is independent from React's render cycle, causing potential
-        // synchronization issues. We provide this custom render function to make sure that React
-        // and Deck update on the same schedule.
-        _customRender: redrawReason => {
-            // Save the dirty flag for later
-            thisRef.redrawReason = redrawReason;
-            // Viewport/view state is passed to child components as props.
-            // If they have changed, we need to trigger a React rerender to update children props.
-            const viewports = deck.viewManager.getViewports();
-            if (thisRef.lastRenderedViewports !== viewports) {
-                // Viewports have changed, update children props first.
-                // This will delay the Deck canvas redraw till after React update (in useLayoutEffect)
-                // so that the canvas does not get rendered before the child components update.
-                thisRef.forceUpdate(v => v + 1);
-            }
-            else {
-                redrawDeck(thisRef);
-            }
-        }
-    });
-    return deck;
-}
-const DeckGL = forwardRef((props, ref) => {
-    // A reference to persistent states
-    const _thisRef = useRef({});
-    const thisRef = _thisRef.current;
-    // A mechanism to force redraw
-    const [version, setVersion] = useState(0);
-    thisRef.forceUpdate = setVersion;
-    // DOM refs
-    const containerRef = useRef(null);
-    const canvasRef = useRef(null);
-    // extract any deck.gl layers masquerading as react elements from props.children
-    const jsxProps = useMemo(() => extractJSXLayers(props), [props.layers, props.views, props.children]);
-    // Callbacks
-    let inRender = true;
-    const handleViewStateChange = params => {
-        if (inRender && props.viewState) {
-            // Callback may invoke a state update. Defer callback to after render() to avoid React error
-            // In React StrictMode, render is executed twice and useEffect/useLayoutEffect is executed once
-            // Store deferred parameters in ref so that we can access it in another render
-            thisRef.viewStateUpdateRequested = params;
-            return null;
-        }
-        thisRef.viewStateUpdateRequested = null;
-        return props.onViewStateChange(params);
-    };
-    const handleInteractionStateChange = params => {
-        if (inRender) {
-            // Callback may invoke a state update. Defer callback to after render() to avoid React error
-            // In React StrictMode, render is executed twice and useEffect/useLayoutEffect is executed once
-            // Store deferred parameters in ref so that we can access it in another render
-            thisRef.interactionStateUpdateRequested = params;
-        }
-        else {
-            thisRef.interactionStateUpdateRequested = null;
-            props.onInteractionStateChange(params);
-        }
-    };
-    // Update Deck's props. If Deck needs redraw, this will trigger a call to `_customRender` in
-    // the next animation frame.
-    // Needs to be called both from initial mount, and when new props are received
-    const deckProps = useMemo(() => {
-        const forwardProps = {
-            ...props,
-            // Override user styling props. We will set the canvas style in render()
-            style: null,
-            width: '100%',
-            height: '100%',
-            layers: jsxProps.layers,
-            views: jsxProps.views,
-            onViewStateChange: handleViewStateChange,
-            onInteractionStateChange: handleInteractionStateChange
-        };
-        // The defaultValue for _customRender is null, which would overwrite the definition
-        // of _customRender. Remove to avoid frequently redeclaring the method here.
-        delete forwardProps._customRender;
-        if (thisRef.deck) {
-            thisRef.deck.setProps(forwardProps);
-        }
-        return forwardProps;
-    }, [props]);
-    useEffect(() => {
-        thisRef.deck = createDeckInstance(thisRef, {
-            ...deckProps,
-            parent: containerRef.current,
-            canvas: canvasRef.current
-        });
-        return () => thisRef.deck.finalize();
-    }, []);
-    useIsomorphicLayoutEffect(() => {
-        // render has just been called. The children are positioned based on the current view state.
-        // Redraw Deck canvas immediately, if necessary, using the current view state, so that it
-        // matches the child components.
-        redrawDeck(thisRef);
-        // Execute deferred callbacks
-        const { viewStateUpdateRequested, interactionStateUpdateRequested } = thisRef;
-        if (viewStateUpdateRequested) {
-            handleViewStateChange(viewStateUpdateRequested);
-        }
-        if (interactionStateUpdateRequested) {
-            handleInteractionStateChange(interactionStateUpdateRequested);
-        }
-    });
-    useImperativeHandle(ref, () => getRefHandles(thisRef), []);
-    const { viewManager } = thisRef.deck || {};
-    const currentViewports = viewManager && viewManager.getViewports();
-    const { ContextProvider, width, height, id, style } = props;
-    const { containerStyle, canvasStyle } = useMemo(() => extractStyles({ width, height, style }), [width, height, style]);
-    // Props changes may lead to 3 types of updates:
-    // 1. Only the WebGL canvas - updated in Deck's render cycle (next animation frame)
-    // 2. Only the DOM - updated in React's lifecycle (now)
-    // 3. Both the WebGL canvas and the DOM - defer React rerender to next animation frame just
-    //    before Deck redraw to ensure perfect synchronization & avoid excessive redraw
-    //    This is because multiple changes may happen to Deck between two frames e.g. transition
-    if ((!thisRef.viewStateUpdateRequested && thisRef.lastRenderedViewports === currentViewports) || // case 2
-        thisRef.version !== version // case 3 just before deck redraws
-    ) {
-        thisRef.lastRenderedViewports = currentViewports;
-        thisRef.version = version;
-        // Render the background elements (typically react-map-gl instances)
-        // using the view descriptors
-        const childrenUnderViews = positionChildrenUnderViews({
-            children: jsxProps.children,
-            deck: thisRef.deck,
-            ContextProvider
-        });
-        const canvas = createElement('canvas', {
-            key: 'canvas',
-            id: id || 'deckgl-overlay',
-            ref: canvasRef,
-            style: canvasStyle
-        });
-        // Render deck.gl as the last child
-        thisRef.control = createElement('div', { id: `${id || 'deckgl'}-wrapper`, ref: containerRef, style: containerStyle }, [canvas, childrenUnderViews]);
-    }
-    inRender = false;
-    return thisRef.control;
-});
-DeckGL.defaultProps = Deck.defaultProps;
-export default DeckGL;

package/typed/index.js

@@ -1,21 +0,0 @@
-// Copyright (c) 2015 - 2017 Uber Technologies, Inc.
-//
-// Permission is hereby granted, free of charge, to any person obtaining a copy
-// of this software and associated documentation files (the "Software"), to deal
-// in the Software without restriction, including without limitation the rights
-// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-// copies of the Software, and to permit persons to whom the Software is
-// furnished to do so, subject to the following conditions:
-//
-// The above copyright notice and this permission notice shall be included in
-// all copies or substantial portions of the Software.
-//
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-// THE SOFTWARE.
-export { default as DeckGL } from './deckgl';
-export { default } from './deckgl';

package/typed/utils/evaluate-children.js

@@ -1,33 +0,0 @@
-import { cloneElement } from 'react';
-const MAP_STYLE = { position: 'absolute', zIndex: -1 };
-export default function evaluateChildren(children, childProps) {
-    if (!children) {
-        return children;
-    }
-    if (typeof children === 'function') {
-        return children(childProps);
-    }
-    if (Array.isArray(children)) {
-        return children.map(child => evaluateChildren(child, childProps));
-    }
-    // Special treatment for react-map-gl's Map component
-    // to support shorthand use case <DeckGL><StaticMap /></DeckGL>
-    if (isReactMap(children)) {
-        // Place map under the canvas
-        childProps.style = MAP_STYLE;
-        return cloneElement(children, childProps);
-    }
-    if (needsDeckGLViewProps(children)) {
-        return cloneElement(children, childProps);
-    }
-    return children;
-}
-function isReactMap(child) {
-    const componentClass = child && child.type;
-    const componentProps = componentClass && componentClass.defaultProps;
-    return componentProps && componentProps.mapStyle;
-}
-function needsDeckGLViewProps(child) {
-    const componentClass = child && child.type;
-    return componentClass && componentClass.deckGLViewProps;
-}

package/typed/utils/extract-jsx-layers.js

@@ -1,77 +0,0 @@
-import React, { createElement } from 'react';
-import { inheritsFrom } from './inherits-from';
-import { Layer, View } from '@deck.gl/core';
-// recursively wrap render callbacks in `View`
-function wrapInView(node) {
-    if (!node) {
-        return node;
-    }
-    if (typeof node === 'function') {
-        // React.Children does not traverse functions.
-        // All render callbacks must be protected under a <View>
-        return createElement(View, {}, node);
-    }
-    if (Array.isArray(node)) {
-        return node.map(wrapInView);
-    }
-    if (node.type === React.Fragment) {
-        return wrapInView(node.props.children);
-    }
-    if (inheritsFrom(node.type, View)) {
-        return node;
-    }
-    return node;
-}
-// extracts any deck.gl layers masquerading as react elements from props.children
-export default function extractJSXLayers({ children, layers, views }) {
-    const reactChildren = []; // extract real react elements (i.e. not deck.gl layers)
-    const jsxLayers = []; // extracted layer from react children, will add to deck.gl layer array
-    const jsxViews = {};
-    // React.children
-    React.Children.forEach(wrapInView(children), reactElement => {
-        if (reactElement) {
-            // For some reason Children.forEach doesn't filter out `null`s
-            const ElementType = reactElement.type;
-            if (inheritsFrom(ElementType, Layer)) {
-                const layer = createLayer(ElementType, reactElement.props);
-                jsxLayers.push(layer);
-            }
-            else {
-                reactChildren.push(reactElement);
-            }
-            // empty id => default view
-            if (ElementType !== View && inheritsFrom(ElementType, View) && reactElement.props.id) {
-                const view = new ElementType(reactElement.props);
-                jsxViews[view.id] = view;
-            }
-        }
-    });
-    // Avoid modifying views if no JSX views were found
-    if (Object.keys(jsxViews).length > 0) {
-        // If a view is specified in both views prop and JSX, use the one in views
-        if (Array.isArray(views)) {
-            views.forEach(view => {
-                jsxViews[view.id] = view;
-            });
-        }
-        else if (views) {
-            jsxViews[views.id] = views;
-        }
-        views = Object.values(jsxViews);
-    }
-    // Avoid modifying layers array if no JSX layers were found
-    layers = jsxLayers.length > 0 ? [...jsxLayers, ...layers] : layers;
-    return { layers, children: reactChildren, views };
-}
-function createLayer(LayerType, reactProps) {
-    const props = {};
-    // Layer.defaultProps is treated as ReactElement.defaultProps and merged into react props
-    // Remove them
-    const defaultProps = LayerType.defaultProps || {};
-    for (const key in reactProps) {
-        if (defaultProps[key] !== reactProps[key]) {
-            props[key] = reactProps[key];
-        }
-    }
-    return new LayerType(props);
-}

package/typed/utils/extract-styles.js

@@ -1,32 +0,0 @@
-const CANVAS_ONLY_STYLES = {
-    mixBlendMode: null
-};
-export default function extractStyles({ width, height, style }) {
-    // This styling is enforced for correct positioning with children
-    const containerStyle = {
-        position: 'absolute',
-        zIndex: 0,
-        left: 0,
-        top: 0,
-        width,
-        height
-    };
-    // Fill the container
-    const canvasStyle = {
-        left: 0,
-        top: 0
-    };
-    if (style) {
-        for (const key in style) {
-            if (key in CANVAS_ONLY_STYLES) {
-                // apply style to the canvas, but not deck's children, e.g. mix-blend-mode
-                canvasStyle[key] = style[key];
-            }
-            else {
-                // apply style to the container, e.g. position/flow settings
-                containerStyle[key] = style[key];
-            }
-        }
-    }
-    return { containerStyle, canvasStyle };
-}

package/typed/utils/inherits-from.js

@@ -1,10 +0,0 @@
-// Check if one JavaScript class inherits from another
-export function inheritsFrom(Type, ParentType) {
-    while (Type) {
-        if (Type === ParentType) {
-            return true;
-        }
-        Type = Object.getPrototypeOf(Type);
-    }
-    return false;
-}

package/typed/utils/position-children-under-views.js

@@ -1,75 +0,0 @@
-import { createElement } from 'react';
-import { View } from '@deck.gl/core';
-import { inheritsFrom } from './inherits-from';
-import evaluateChildren from './evaluate-children';
-// Iterate over views and reposition children associated with views
-// TODO - Can we supply a similar function for the non-React case?
-export default function positionChildrenUnderViews({ children, deck, ContextProvider }) {
-    const { viewManager } = deck || {};
-    if (!viewManager || !viewManager.views.length) {
-        return [];
-    }
-    const views = {};
-    const defaultViewId = viewManager.views[0].id;
-    // Sort children by view id
-    for (const child of children) {
-        // Unless child is a View, position / render as part of the default view
-        let viewId = defaultViewId;
-        let viewChildren = child;
-        if (inheritsFrom(child.type, View)) {
-            viewId = child.props.id || defaultViewId;
-            viewChildren = child.props.children;
-        }
-        const viewport = viewManager.getViewport(viewId);
-        const viewState = viewManager.getViewState(viewId);
-        // Drop (auto-hide) elements with viewId that are not matched by any current view
-        if (viewport) {
-            const { x, y, width, height } = viewport;
-            // Resolve potentially relative dimensions using the deck.gl container size
-            viewChildren = evaluateChildren(viewChildren, {
-                x,
-                y,
-                width,
-                height,
-                viewport,
-                viewState
-            });
-            if (!views[viewId]) {
-                views[viewId] = {
-                    viewport,
-                    children: []
-                };
-            }
-            views[viewId].children.push(viewChildren);
-        }
-    }
-    // Render views
-    return Object.keys(views).map(viewId => {
-        const { viewport, children: viewChildren } = views[viewId];
-        const { x, y, width, height } = viewport;
-        const style = {
-            position: 'absolute',
-            left: x,
-            top: y,
-            width,
-            height
-        };
-        const key = `view-${viewId}`;
-        // If children is passed as an array, React will throw the "each element in a list needs
-        // a key" warning. Sending each child as separate arguments removes this requirement.
-        const viewElement = createElement('div', { key, id: key, style }, ...viewChildren);
-        if (ContextProvider) {
-            const contextValue = {
-                viewport,
-                container: deck.canvas.offsetParent,
-                eventManager: deck.eventManager,
-                onViewStateChange: params => {
-                    params.viewId = viewId;
-                    deck._onViewStateChange(params);
-                }
-            };
-            return createElement(ContextProvider, { key, value: contextValue }, viewElement);
-        }
-        return viewElement;
-    });
-}

package/typed/utils/use-isomorphic-layout-effect.js

@@ -1,5 +0,0 @@
-// From https://github.com/streamich/react-use/blob/master/src/useIsomorphicLayoutEffect.ts
-// useLayoutEffect but does not trigger warning in server-side rendering
-import { useEffect, useLayoutEffect } from 'react';
-const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
-export default useIsomorphicLayoutEffect;