<p dir="auto">Add charts to Tabbed Dashboard<br>
Scenario:</p>
<ul dir="auto">
<li>I have used the Tabs  feature to segregate various dashboards (Say Tab 1 and Tab 2).</li>
<li>I have a couple of charts that are common to multiple dashboards(say date filter) and would like to add this multiple tabs.<br>
<strong>Current issue:</strong></li>
<li>Charts used once in a tabbed dashboard cannot be used again in another tab.<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/67837651/94039303-65911380-fd7c-11ea-809f-b83752bb8b7b.png"><img src="https://user-images.githubusercontent.com/67837651/94039303-65911380-fd7c-11ea-809f-b83752bb8b7b.png" alt="Screen Shot 2020-09-18 at 2 19 34 PM" style="max-width: 100%;"></a></li>
</ul>
<p dir="auto">(post on behalf)</p>
<p dir="auto">Make sure these boxes are checked before submitting your issue - thank you!</p>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have checked the superset logs for python stacktraces and included it here as text if there are any.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have reproduced the issue with at least the latest released version of superset.</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have checked the issue tracker for the same issue and I haven't found one similar.</li>
</ul>
<h3 dir="auto">Superset version</h3>
<p dir="auto">Master</p>
<h3 dir="auto">Expected results</h3>
<p dir="auto">Mapbox to work fine</p>
<h3 dir="auto">Actual results</h3>
<p dir="auto">mapbox  makes the chart view disappear also does the same if it is inside a dashboard</p>
<p dir="auto">here is the error trace in chrome</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="webpack-internal:///./node_modules/prop-types/checkPropTypes.js:19 Warning: Failed prop type: Invalid prop `bsSize` of value `md` supplied to `FormControl`, expected one of [&quot;sm&quot;,&quot;small&quot;,&quot;lg&quot;,&quot;large&quot;].
    in FormControl (created by VizTypeControl)
    in VizTypeControl (created by Control)
    in div (created by Control)
    in Control (created by ControlPanelsContainer)
    in div (created by ControlSetRow)
    in div (created by ControlSetRow)
    in ControlSetRow (created by ControlPanelsContainer)
    in div (created by Panel)
    in div (created by Panel)
    in Transition (created by Collapse)
    in Collapse (created by Panel)
    in div (created by Panel)
    in Panel (created by ControlPanelSection)
    in ControlPanelSection (created by ControlPanelsContainer)
    in div (created by TabPane)
    in Transition (created by Fade)
    in Fade (created by TabPane)
    in TabPane (created by Tab)
    in Tab (created by ControlPanelsContainer)
    in div (created by TabContent)
    in TabContent (created by Tabs)
    in div (created by Tabs)
    in TabContainer (created by Tabs)
    in Tabs (created by Uncontrolled(Tabs))
    in Uncontrolled(Tabs) (created by ControlPanelsContainer)
    in div (created by ControlPanelsContainer)
    in div (created by ControlPanelsContainer)
    in ControlPanelsContainer (created by Connect(ControlPanelsContainer))
    in Connect(ControlPanelsContainer) (created by ExploreViewContainer)
    in div (created by ExploreViewContainer)
    in div (created by ExploreViewContainer)
    in div (created by ExploreViewContainer)
    in ExploreViewContainer (created by Connect(ExploreViewContainer))
    in Connect(ExploreViewContainer) (created by App)
    in div (created by App)
    in Provider (created by App)
    in App (created by HotExportedApp)
    in AppContainer (created by HotExportedApp)
    in HotExportedApp
printWarning @ webpack-internal:///./node_modules/prop-types/checkPropTypes.js:19
webpack-internal:///./node_modules/react/cjs/react.development.js:241 Warning: CreatableSelect: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://fb.me/react-special-props)
warningWithoutStack @ webpack-internal:///./node_modules/react/cjs/react.development.js:241
webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:117 Uncaught TypeError: transform is not a function
    at eval (webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:117)
    at eval (webpack-internal:///./node_modules/reselect/es/index.js:75)
    at eval (webpack-internal:///./node_modules/reselect/es/index.js:35)
    at eval (webpack-internal:///./node_modules/reselect/es/index.js:89)
    at ProxyComponent.eval [as processChartProps] (webpack-internal:///./node_modules/reselect/es/index.js:35)
    at ProxyComponent.renderChart (webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:178)
    at ProxyComponent.renderChart (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:580)
    at ProxyComponent.render (webpack-internal:///./node_modules/react-loadable/lib/index.js:241)
    at ProxyComponent.hotComponentRender (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:620)
    at ProxyComponent.proxiedRender (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:635)
webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:14550 The above error occurred in the &lt;LoadableComponent&gt; component:
    in LoadableComponent (created by SuperChart)
    in div (created by SuperChart)
    in SuperChart (created by Chart)
    in div (created by Chart)
    in Chart (created by Connect(Chart))
    in Connect(Chart) (created by ParentSize)
    in div (created by ParentSize)
    in ParentSize (created by ExploreChartPanel)
    in div (created by Panel)
    in div (created by Panel)
    in Panel (created by ExploreChartPanel)
    in div (created by ExploreChartPanel)
    in ExploreChartPanel (created by ExploreViewContainer)
    in div (created by ExploreViewContainer)
    in div (created by ExploreViewContainer)
    in div (created by ExploreViewContainer)
    in ExploreViewContainer (created by Connect(ExploreViewContainer))
    in Connect(ExploreViewContainer) (created by App)
    in div (created by App)
    in Provider (created by App)
    in App (created by HotExportedApp)
    in AppContainer (created by HotExportedApp)
    in HotExportedApp

React will try to recreate this component tree from scratch using the error boundary you provided, AppContainer.
logCapturedError @ webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:14550
webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:188 TypeError: transform is not a function
    at eval (webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:117)
    at eval (webpack-internal:///./node_modules/reselect/es/index.js:75)
    at eval (webpack-internal:///./node_modules/reselect/es/index.js:35)
    at eval (webpack-internal:///./node_modules/reselect/es/index.js:89)
    at ProxyComponent.eval [as processChartProps] (webpack-internal:///./node_modules/reselect/es/index.js:35)
    at ProxyComponent.renderChart (webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:178)
    at ProxyComponent.renderChart (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:580)
    at ProxyComponent.render (webpack-internal:///./node_modules/react-loadable/lib/index.js:241)
    at ProxyComponent.hotComponentRender (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:620)
    at ProxyComponent.proxiedRender (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:635)
error @ webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:188
webpack-internal:///./src/logger.js:36 Duplicate event handler for event 'mount_explorer'
(anonymous) @ webpack-internal:///./src/logger.js:36
webpack-internal:///./src/logger.js:36 Duplicate event handler for event 'load_chart_data'
(anonymous) @ webpack-internal:///./src/logger.js:36
webpack-internal:///./src/logger.js:36 Duplicate event handler for event 'render_chart'
(anonymous) @ webpack-internal:///./src/logger.js:36
webpack-internal:///./src/logger.js:36 Duplicate event handler for event 'force_refresh_chart'
(anonymous) @ webpack-internal:///./src/logger.js:36
webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:117 Uncaught TypeError: transform is not a function
    at eval (webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:117)
    at eval (webpack-internal:///./node_modules/reselect/es/index.js:75)
    at eval (webpack-internal:///./node_modules/reselect/es/index.js:35)
    at eval (webpack-internal:///./node_modules/reselect/es/index.js:89)
    at ProxyComponent.eval [as processChartProps] (webpack-internal:///./node_modules/reselect/es/index.js:35)
    at ProxyComponent.renderChart (webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:178)
    at ProxyComponent.renderChart (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:580)
    at ProxyComponent.render (webpack-internal:///./node_modules/react-loadable/lib/index.js:241)
    at ProxyComponent.hotComponentRender (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:620)
    at ProxyComponent.proxiedRender (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:635)
webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:14550 The above error occurred in the &lt;LoadableComponent&gt; component:
    in LoadableComponent (created by SuperChart)
    in div (created by SuperChart)
    in SuperChart (created by Chart)
    in div (created by Chart)
    in Chart (created by Connect(Chart))
    in Connect(Chart) (created by ParentSize)
    in div (created by ParentSize)
    in ParentSize (created by ExploreChartPanel)
    in div (created by Panel)
    in div (created by Panel)
    in Panel (created by ExploreChartPanel)
    in div (created by ExploreChartPanel)
    in ExploreChartPanel (created by ExploreViewContainer)
    in div (created by ExploreViewContainer)
    in div (created by ExploreViewContainer)
    in div (created by ExploreViewContainer)
    in ExploreViewContainer (created by Connect(ExploreViewContainer))
    in Connect(ExploreViewContainer) (created by App)
    in div (created by App)
    in Provider (created by App)
    in App (created by HotExportedApp)
    in AppContainer (created by HotExportedApp)
    in HotExportedApp

React will try to recreate this component tree from scratch using the error boundary you provided, AppContainer.
logCapturedError @ webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:14550
webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:188 TypeError: transform is not a function
    at eval (webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:117)
    at eval (webpack-internal:///./node_modules/reselect/es/index.js:75)
    at eval (webpack-internal:///./node_modules/reselect/es/index.js:35)
    at eval (webpack-internal:///./node_modules/reselect/es/index.js:89)
    at ProxyComponent.eval [as processChartProps] (webpack-internal:///./node_modules/reselect/es/index.js:35)
    at ProxyComponent.renderChart (webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:178)
    at ProxyComponent.renderChart (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:580)
    at ProxyComponent.render (webpack-internal:///./node_modules/react-loadable/lib/index.js:241)
    at ProxyComponent.hotComponentRender (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:620)
    at ProxyComponent.proxiedRender (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:635)"><pre class="notranslate"><code class="notranslate">webpack-internal:///./node_modules/prop-types/checkPropTypes.js:19 Warning: Failed prop type: Invalid prop `bsSize` of value `md` supplied to `FormControl`, expected one of ["sm","small","lg","large"].
    in FormControl (created by VizTypeControl)
    in VizTypeControl (created by Control)
    in div (created by Control)
    in Control (created by ControlPanelsContainer)
    in div (created by ControlSetRow)
    in div (created by ControlSetRow)
    in ControlSetRow (created by ControlPanelsContainer)
    in div (created by Panel)
    in div (created by Panel)
    in Transition (created by Collapse)
    in Collapse (created by Panel)
    in div (created by Panel)
    in Panel (created by ControlPanelSection)
    in ControlPanelSection (created by ControlPanelsContainer)
    in div (created by TabPane)
    in Transition (created by Fade)
    in Fade (created by TabPane)
    in TabPane (created by Tab)
    in Tab (created by ControlPanelsContainer)
    in div (created by TabContent)
    in TabContent (created by Tabs)
    in div (created by Tabs)
    in TabContainer (created by Tabs)
    in Tabs (created by Uncontrolled(Tabs))
    in Uncontrolled(Tabs) (created by ControlPanelsContainer)
    in div (created by ControlPanelsContainer)
    in div (created by ControlPanelsContainer)
    in ControlPanelsContainer (created by Connect(ControlPanelsContainer))
    in Connect(ControlPanelsContainer) (created by ExploreViewContainer)
    in div (created by ExploreViewContainer)
    in div (created by ExploreViewContainer)
    in div (created by ExploreViewContainer)
    in ExploreViewContainer (created by Connect(ExploreViewContainer))
    in Connect(ExploreViewContainer) (created by App)
    in div (created by App)
    in Provider (created by App)
    in App (created by HotExportedApp)
    in AppContainer (created by HotExportedApp)
    in HotExportedApp
printWarning @ webpack-internal:///./node_modules/prop-types/checkPropTypes.js:19
webpack-internal:///./node_modules/react/cjs/react.development.js:241 Warning: CreatableSelect: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://fb.me/react-special-props)
warningWithoutStack @ webpack-internal:///./node_modules/react/cjs/react.development.js:241
webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:117 Uncaught TypeError: transform is not a function
    at eval (webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:117)
    at eval (webpack-internal:///./node_modules/reselect/es/index.js:75)
    at eval (webpack-internal:///./node_modules/reselect/es/index.js:35)
    at eval (webpack-internal:///./node_modules/reselect/es/index.js:89)
    at ProxyComponent.eval [as processChartProps] (webpack-internal:///./node_modules/reselect/es/index.js:35)
    at ProxyComponent.renderChart (webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:178)
    at ProxyComponent.renderChart (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:580)
    at ProxyComponent.render (webpack-internal:///./node_modules/react-loadable/lib/index.js:241)
    at ProxyComponent.hotComponentRender (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:620)
    at ProxyComponent.proxiedRender (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:635)
webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:14550 The above error occurred in the &lt;LoadableComponent&gt; component:
    in LoadableComponent (created by SuperChart)
    in div (created by SuperChart)
    in SuperChart (created by Chart)
    in div (created by Chart)
    in Chart (created by Connect(Chart))
    in Connect(Chart) (created by ParentSize)
    in div (created by ParentSize)
    in ParentSize (created by ExploreChartPanel)
    in div (created by Panel)
    in div (created by Panel)
    in Panel (created by ExploreChartPanel)
    in div (created by ExploreChartPanel)
    in ExploreChartPanel (created by ExploreViewContainer)
    in div (created by ExploreViewContainer)
    in div (created by ExploreViewContainer)
    in div (created by ExploreViewContainer)
    in ExploreViewContainer (created by Connect(ExploreViewContainer))
    in Connect(ExploreViewContainer) (created by App)
    in div (created by App)
    in Provider (created by App)
    in App (created by HotExportedApp)
    in AppContainer (created by HotExportedApp)
    in HotExportedApp

React will try to recreate this component tree from scratch using the error boundary you provided, AppContainer.
logCapturedError @ webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:14550
webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:188 TypeError: transform is not a function
    at eval (webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:117)
    at eval (webpack-internal:///./node_modules/reselect/es/index.js:75)
    at eval (webpack-internal:///./node_modules/reselect/es/index.js:35)
    at eval (webpack-internal:///./node_modules/reselect/es/index.js:89)
    at ProxyComponent.eval [as processChartProps] (webpack-internal:///./node_modules/reselect/es/index.js:35)
    at ProxyComponent.renderChart (webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:178)
    at ProxyComponent.renderChart (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:580)
    at ProxyComponent.render (webpack-internal:///./node_modules/react-loadable/lib/index.js:241)
    at ProxyComponent.hotComponentRender (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:620)
    at ProxyComponent.proxiedRender (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:635)
error @ webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:188
webpack-internal:///./src/logger.js:36 Duplicate event handler for event 'mount_explorer'
(anonymous) @ webpack-internal:///./src/logger.js:36
webpack-internal:///./src/logger.js:36 Duplicate event handler for event 'load_chart_data'
(anonymous) @ webpack-internal:///./src/logger.js:36
webpack-internal:///./src/logger.js:36 Duplicate event handler for event 'render_chart'
(anonymous) @ webpack-internal:///./src/logger.js:36
webpack-internal:///./src/logger.js:36 Duplicate event handler for event 'force_refresh_chart'
(anonymous) @ webpack-internal:///./src/logger.js:36
webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:117 Uncaught TypeError: transform is not a function
    at eval (webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:117)
    at eval (webpack-internal:///./node_modules/reselect/es/index.js:75)
    at eval (webpack-internal:///./node_modules/reselect/es/index.js:35)
    at eval (webpack-internal:///./node_modules/reselect/es/index.js:89)
    at ProxyComponent.eval [as processChartProps] (webpack-internal:///./node_modules/reselect/es/index.js:35)
    at ProxyComponent.renderChart (webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:178)
    at ProxyComponent.renderChart (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:580)
    at ProxyComponent.render (webpack-internal:///./node_modules/react-loadable/lib/index.js:241)
    at ProxyComponent.hotComponentRender (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:620)
    at ProxyComponent.proxiedRender (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:635)
webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:14550 The above error occurred in the &lt;LoadableComponent&gt; component:
    in LoadableComponent (created by SuperChart)
    in div (created by SuperChart)
    in SuperChart (created by Chart)
    in div (created by Chart)
    in Chart (created by Connect(Chart))
    in Connect(Chart) (created by ParentSize)
    in div (created by ParentSize)
    in ParentSize (created by ExploreChartPanel)
    in div (created by Panel)
    in div (created by Panel)
    in Panel (created by ExploreChartPanel)
    in div (created by ExploreChartPanel)
    in ExploreChartPanel (created by ExploreViewContainer)
    in div (created by ExploreViewContainer)
    in div (created by ExploreViewContainer)
    in div (created by ExploreViewContainer)
    in ExploreViewContainer (created by Connect(ExploreViewContainer))
    in Connect(ExploreViewContainer) (created by App)
    in div (created by App)
    in Provider (created by App)
    in App (created by HotExportedApp)
    in AppContainer (created by HotExportedApp)
    in HotExportedApp

React will try to recreate this component tree from scratch using the error boundary you provided, AppContainer.
logCapturedError @ webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:14550
webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:188 TypeError: transform is not a function
    at eval (webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:117)
    at eval (webpack-internal:///./node_modules/reselect/es/index.js:75)
    at eval (webpack-internal:///./node_modules/reselect/es/index.js:35)
    at eval (webpack-internal:///./node_modules/reselect/es/index.js:89)
    at ProxyComponent.eval [as processChartProps] (webpack-internal:///./node_modules/reselect/es/index.js:35)
    at ProxyComponent.renderChart (webpack-internal:///./src/visualizations/core/components/SuperChart.jsx:178)
    at ProxyComponent.renderChart (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:580)
    at ProxyComponent.render (webpack-internal:///./node_modules/react-loadable/lib/index.js:241)
    at ProxyComponent.hotComponentRender (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:620)
    at ProxyComponent.proxiedRender (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js:635)
</code></pre></div>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">just create a mapbox chart or open <code class="notranslate">Mapbox Long/Lat</code> example</p>